Polish Every Interactive State
Hover, focus, active, selected, disabled — defined once instead of guessed per component.
The steps
Your agent works through these in order, and won't break a step it already finished.
State Color Matrix
Define how every control looks in each interaction state, once, instead of screen by screen.
Focus Ring System
Give every focusable control one clear focus indicator that belongs to the design.
Hover Active Focus Checklist
Require every interactive component to define all of its states before it ships.
Disabled State Standards
Make unavailable actions obvious and explainable rather than dim and mysterious.
Selection State Pattern
Make selected rows, cards, and objects look and behave the same everywhere.
Destructive Action Styling
Reserve danger styling for the actions that genuinely destroy something.
Transition Consistency
Decide once what animates, for how long, and when motion is left out entirely.
How to use this collection
One link, several features, one coherent document. Your agent inspects your app once — not once per feature — then implements the set in order, checking after each step that it hasn't broken the last.
Pro users build their own from any features in the library, including their own customized versions.
Go Pro — $28/month