Break skill: what it does and how to install it
Stress-tests a UI component by rendering production-reachable scenarios on a temporary page and marking visible breaks in a visual report.
Summary generated from the skill's documentation.
Install
$ npx skills add jakubkrehel/skills --skill breakRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Builds a scratch route that imports one real component and renders it with every applicable scenario, using fixture data and fixed container widths. It performs one browser pass, marks observed breaks under each scenario and reports them with their responsible domain skill.
When to use it. Use it to check whether a component survives worst-case content and states in isolation. It does not judge interface standards, explore alternatives or fix the component, and leaves the report page running until removal is requested.
History
Repo stars
7.9k+428 since 1 Oct 2026
Stars are counted for the whole repository, which holds 11 skills.
Show as a table
| Date | Repo stars |
|---|---|
| 12 Oct 2026 | 7,835 |
| 11 Oct 2026 | 7,732 |
| 10 Oct 2026 | 7,691 |
| 9 Oct 2026 | 7,620 |
| 8 Oct 2026 | 7,532 |
| 7 Oct 2026 | 7,513 |
| 6 Oct 2026 | 7,497 |
| 5 Oct 2026 | 7,469 |
| 4 Oct 2026 | 7,441 |
| 3 Oct 2026 | 7,428 |
| 2 Oct 2026 | 7,422 |
| 1 Oct 2026 | 7,407 |
Installs
10.9k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- Figma Implement DesignTranslates Figma designs into production code with 1:1 visual fidelity.
- Tailwind CSS DevelopmentBuilds layouts with Tailwind CSS utilities: responsive grids, flex and grid page structures and component styling.
- Canvas DesignDesigns posters and other static visual pieces as PNG or PDF files, starting from a written design philosophy.