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.
À 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.