Ship Dark Mode Properly
The version that survives contact with shadows, images, and charts.
The steps
Your agent works through these in order, and won't break a step it already finished.
Semantic Color Tokens
Name colours by the job they do, so changing a theme is one edit rather than a sweep.
Theme Surface Map
Decide how page, card, popover, and dialog surfaces relate before each screen improvises.
Dark Mode
Add a dark theme that respects the system preference and the user's choice.
Shadow Scale
Replace ad hoc shadows with a small set tied to what each surface actually is.
Theme-Aware Asset Switching
Swap logos, screenshots, and illustrations so each one suits the surface it lands on.
In-App Contrast Checker
Measure contrast against what actually rendered, not against what the stylesheet claimed.
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