Use when the user wants to design, critique, or refine a website theme, visual style, look and feel, branding, CSS theme, design system, tokens.css file, or CSS token system. Produces theme directions, typography/color/composition/motion systems, implementation-ready CSS custom properties, component motif rules, and light/dark/density variant strategy.
99
100%
Does it follow best practices?
Impact
99%
1.45xAverage score across 7 eval scenarios
Passed
No known issues
Quarry Supply sells durable home workshop equipment: clamps, vises, hand tools, benches, storage, and replacement parts. The founders have a vague theme brief and a rough token draft. They are unhappy with safe ecommerce sameness, but they also need a practical theme system that can handle dense product grids, filters, spec tables, comparison states, checkout, account pages, warranty copy, and parts diagrams.
Read:
inputs/theme-notes.mdinputs/token-draft.cssCreate a complete theme direction and implementation handoff. You should move from vague taste notes to a specific, buildable visual system.
Produce theme-direction.md and tokens.css. The direction should move from
vague taste notes to a recommended route and an implementation handoff that can
govern the commerce flows and component families described in the inputs.