recipe-refine-visuals
Installation
SKILL.md
Context: Refine the Visual Tokens in docs/product/design/brand-direction.md after recipe-blueprint has created an initial set.
This is intentionally a side workflow. Use it when a human with design judgment wants to refine the auto-derived token set. Do not force this into the main blueprint flow for users who cannot make token-level design decisions.
Required Skills [LOAD BEFORE EXECUTION]
- [LOAD IF NOT ACTIVE]
blueprint-standards— brand-direction template and Visual Token structure - [LOAD IF NOT ACTIVE]
design-perspective— accessibility and persona-aware design review
Workflow
- Read
docs/product/design/brand-direction.md - Review current Visual Tokens against design principles, personas, and prototype learnings
- Verify:
- text-on-surface contrast ratio is at least 4.5:1 for normal text
- heading text is at least 1.25x the body size in the primary hierarchy step
- spacing tokens form a consistent increasing scale without reversals
- Present overrides and rationale to the user
- After approval, update the same
brand-direction.mdfile and mark the source asexpert-refined