Skip to main content
breakby Jakub KrehelDesignGitHub stars: 7.9k

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 break

Run 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
Repo stars by day
DateRepo stars
12 Oct 20267,835
11 Oct 20267,732
10 Oct 20267,691
9 Oct 20267,620
8 Oct 20267,532
7 Oct 20267,513
6 Oct 20267,497
5 Oct 20267,469
4 Oct 20267,441
3 Oct 20267,428
2 Oct 20267,422
1 Oct 20267,407

Installs

10.9k

Tracking since . A chart appears once there are 7 days of data.

Installs via skills.sh

Similar skills