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.
Sobre este Skill
Stress-test UI components with realistic edge-case data and a switchable worst-case fixture.
Por que escolhemos
Focuses on long text, missing fields, unusual names and number formats, then reports concrete breakages.
No que ajuda
- 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.
Antes de usar
- A coding agent with access to the interface project and a safe development preview.
Fontes e referências
As fontes originais estão nos links abaixo. As sugestões práticas são recomendações editoriais do SkillHey.