Install and use Break UI
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-uiGive 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.
このスキルについて
Stress-test UI components with realistic edge-case data and a switchable worst-case fixture.
おすすめする理由
Focuses on long text, missing fields, unusual names and number formats, then reports concrete breakages.
役立つこと
- 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.
使う前に
- A coding agent with access to the interface project and a safe development preview.
資料・参照元
元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。