Content
100%Weight 40%Scale 1-5Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
The body is a lean, fully executable style guide: ready-to-use CSS for every pattern, a numbered build recipe, taste rules for judgment calls, and a closing checklist for verification. It explains nothing Claude already knows and wastes no tokens.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Every section is either directive guidance ('Keep depth directional: light from top, shadow below') or usable code; there is no explanation of concepts Claude already knows and no padded prose. | 5 / 5 |
Actionability | Complete, copy-paste-ready CSS for tokens, raised surfaces, pressed states, embossed text/icons, and texture — the code covers the common cases directly with concrete values (e.g., 'transition 160ms to 240ms'). | 5 / 5 |
Workflow Clarity | The 'Surface Recipe' is a clearly numbered 7-step build sequence capped by a 'Quick Checks' verification checklist ('Raised state has a brighter top edge...'); no destructive or batch operations exist, so no validation cap applies. | 5 / 5 |
Progressive Disclosure | A single self-contained file with well-labeled sections (Use When, Surface Recipe, Base Tokens, variants, Taste Rules, Quick Checks); no bundle files exist and none are needed, so nothing is buried or nested. | 5 / 5 |
Total | 20 / 20 Passed |