What problem does it solve?
Screens often drift from the brand over time: hardcoded hex values replace tokens, copy ignores voice guidelines, and imagery clashes with the intended mood. This Skill systematically checks a rendered screen against the project's brand reference files and reports every divergence with a concrete fix.
Core Features & Use Cases
- Mood Alignment Check: Compares imagery, iconography, and overall visual feel against the personality keywords in mood.md.
- Voice Alignment Check: Audits all visible copy, CTAs, labels, and error messages against the tone and vocabulary rules in voice.md.
- Token Compliance Audit: Detects hardcoded colour, spacing, radius, shadow, and typography values that should use tokens from tokens.md, listing each with its correct token equivalent.
- Use Case: Before shipping a redesigned settings page, run this critique to catch a hardcoded #3B82F6 button that should use the primary colour token and a CTA label that violates the voice guidelines.
Quick Start
Critique this screen against the mood.md, voice.md, and tokens.md files in the project root and list every divergence with fixes.