Description
break-ui is an agent skill that tries to break a piece of UI by feeding it worst-case data. It takes a component that looks right with demo data, finds the realistic worst case for every value it renders, puts both datasets behind a toggle, and reports what breaks. The demo data is the usual cause of trouble: names that fit on one line, counts that never need a separator, and every optional field filled in. The skill replaces those with realistic extremes, such as very long names, email addresses that cannot wrap, one-letter names, missing fields, very large counts, zero items, and long unbroken strings. It is an adversarial skill that does one thing only. It does not redesign the component, critique its visual taste, or review its motion, which are the jobs of other skills in the same collection. Use it before shipping a list, card, table or profile view, to find layout and content failures that a tidy demo hides. It is part of the emilkowalski/skills repository on GitHub, which has about 46,200 stars. The listing shows it as free, and it has about 38,200 installs. Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk.…
Highlights
- Worst-case realistic data for each field
- Demo and worst-case datasets behind a toggle
- Reports what breaks
- Long names, unbreakable emails, missing fields
- Huge counts and zero items
Ratings & Reviews
No ratings yet
Be the first to rate break-ui.
People also visit
click-path-audit
Trace every user-facing button/touchpoint through its full state change sequence
webapp-testing
Test local web applications using Playwright for UI verification and debugging
make-interfaces-feel-better
Apply concrete design-engineering details that make interfaces feel polished
break-ui FAQ
What does it do?
It feeds a UI component realistic worst-case data and reports what breaks, behind a toggle that switches between the demo and worst-case datasets.
What kinds of worst case?
Long names, unbreakable email addresses, one-letter names, missing fields, huge counts, zero items and long unbroken strings.
Does it redesign the component?
No. Redesign is the job of another skill, and this one only tries to break the UI.
How do I install it?
Run npx skills add https://github.com/emilkowalski/skills --skill break-ui.
Is it checked for security?
Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk.
What are the best break-ui alternatives?
Popular alternatives to break-ui include click-path-audit, webapp-testing and artifacts-builder. See all break-ui alternatives