Break UI

emilkowalski/skills

Stress-test UI components with realistic edge-case data and a switchable worst-case fixture.

Contenu mis à jour:

Voir sur GitHub
npx skills add emilkowalski/skills --skill break-ui
56 965Étoiles3 336ForksDernier push du dépôt

Install and use Break UI

  1. Install the Skill

    Run the upstream command in your project, then follow the author’s setup guide and any requirements below.

    npx skills add emilkowalski/skills --skill break-ui
  2. Give your agent a task

    Provide the relevant files, context and constraints. For example:

    Stress-test this component with long names, missing fields and unusual numbers; show the failures before changing it.

À propos de ce Skill

Stress-test UI components with realistic edge-case data and a switchable worst-case fixture.

Pourquoi ce choix

Focuses on long text, missing fields, unusual names and number formats, then reports concrete breakages.

À quoi il sert

  • Test how a component behaves with unusual content before choosing fixes.

Scope and limitations

The workflow creates a development-only fixture and reports breaks; fixes follow the user’s selection. Existing Impeccable also checks edge cases, while this task centers on a switchable worst-case dataset.

Alternatives and related workflows

Impeccable: broader UI hardening

Impeccable’s harden workflow also addresses long text, localization and errors. Choose Break UI for its switchable worst-case fixture; choose Impeccable for the broader interface workflow.

Avant de l’utiliser

  • A coding agent with access to the interface project and a safe development preview.

Sources et références

Les sources originales sont liées ci-dessous. Les pistes pratiques sont des suggestions de la rédaction de SkillHey.