Break UI

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.

Über diesen Skill

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

Warum wir es empfehlen

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

Wobei es hilft

• 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

Vor der Nutzung

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