Agent Kit by AtlasScope
GitHub

Command·Emil Kowalski skills·15 skills·UI061

/break-ui

Fills a component with the worst realistic data (long names, emoji, zero items, huge numbers) behind an on/off switch and reports what broke.

Markdown
Example
/break-ui the player card

Motion, polish and frontend craft from Emil Kowalski. The review, find and improve skills only read and do not change code unless you ask.

Skip it when
Choosing a whole page's visual direction. Hallmark and Impeccable handle that.
Best for
Animation, polishing components, testing worst cases and choosing libraries.
Changes
Changes code
Notes
The first time you call most of these, they reply with one line and wait for your question.

Skills it uses

break-uiTry to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long labels, non-Latin text, emoji, extreme numbers — then render it behind a "Demo data / Worst case" toggle and report everything that broke, with the fix for each. Use when the user asks to stress-test, break, or find edge cases in a component or screen, or to "try the worst case". For visual design critique use emil-design-eng; for motion use review-animations.design-kit·Emil Kowalski

More in Emil Kowalski skills.