← Library

Agent skill

break

Jakub Krehel

Finds the design-system failures you don't know about: long names, empty data, overflow, every interactive state at once.

ReviewComponentsUpdated 17 days ago

In the author’s words

Renders a component you choose in every state and scenario on a temporary page and stress tests it.

The description field from SKILL.md, quoted as written.

Read it before you install it

SKILL.md · 79 lines

Install on its own

Or add it to your stack above and install everything at once.

npx skills add https://github.com/jakubkrehel/skills --skill break
Source ↗Jakub Krehel

Trust audit

View the source ↗
100%verified
Resolved (HTTP 200), passed
Transcribed from the author's own page, passed
Last updated 17 days ago, passed
Credited to Jakub Krehel, passed

All 4 checks passed when this was last run. Links were last checked on .

Goes well with

  • emil-design-eng

    The design-engineering house style behind Sonner and Vaul.

    Emil KowalskiMotionCraft

    Emil's main skill. Mostly animation, with the UI-polish and component judgement that surrounds it: what to build, how far to push it, and when to stop.

    npx skills add https://github.com/emilkowalski/skills

  • review-animations

    Reviews your motion strictly, against Emil's rules.

    Emil KowalskiMotionReview

    A production-critical pass over animation quality, timing and consistency in a diff. Pairs with improve-animations, which does the same for a whole codebase.

    npx skills add https://github.com/emilkowalski/skills --skill review-animations

  • improve-animations

    Audits every animation in a codebase and hands back prioritised plans.

    Emil KowalskiMotionReview

    Read-only on source. Surveys the motion you already ship and produces self-contained implementation plans any agent can execute, ordered by what actually matters.

    npx skills add https://github.com/emilkowalski/skills --skill improve-animations

Work with us