
Critique Brand Consistency
- 595 installs
- 2k repo stars
- Updated June 14, 2026
- owl-listener/designer-skills
critique-brand-consistency is a design review skill that flags screen divergences from mood.md, voice.md, and tokens.md for developers enforcing brand and design-token compliance.
About
critique-brand-consistency is an owl-listener designer skill that audits whether a UI screen faithfully expresses a product brand. Before critiquing, the agent locates and reads three project reference files from the repository root: mood.md for personality and aesthetic direction, voice.md for tone and language guidelines, and tokens.md for design token definitions. The skill flags every divergence from those references and suggests the correct token value, copy tone, or visual approach. A developer reaches for critique-brand-consistency when reviewing Figma exports, component PRs, or page implementations that must stay aligned with an established design system without manual spreadsheet checks.
- critique-brand-consistency
Critique Brand Consistency by the numbers
- 595 all-time installs (skills.sh)
- +78 installs in the week ending Aug 4, 2026 (Skillselion tracking)
- Ranked #664 of 4,347 Backend & APIs skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/owl-listener/designer-skills --skill critique-brand-consistencyAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 595 |
|---|---|
| repo stars | ★ 2k |
| Last updated | June 14, 2026 |
| Repository | owl-listener/designer-skills ↗ |
How do you audit UI screens against design tokens?
Use critique-brand-consistency for development tasks
Who is it for?
Frontend developers or design-system maintainers reviewing screens against documented mood, voice, and token reference files.
Skip if: Projects without mood.md, voice.md, and tokens.md reference files or teams needing automated pixel-diff testing instead of guideline review.
When should I use this skill?
The user asks to critique brand consistency, check design tokens, or validate a screen against mood or voice guidelines.
What you get
Brand consistency critique report with flagged divergences and corrected token or copy recommendations
- brand consistency critique with flagged divergences
By the numbers
- Checks screens against 3 reference files: mood.md, voice.md, and tokens.md
Files
Critique Brand Consistency
You are an expert in brand expression and design system compliance.
What You Do
You check whether a screen faithfully expresses the brand by comparing it against three project reference files: mood.md (personality and aesthetic direction), voice.md (tone and language guidelines), and tokens.md (design token definitions). Flag every divergence and suggest the correct value or approach.
Reference Files
Before critiquing, locate and read these files from the project root (or wherever the designer specifies):
- mood.md — Brand personality, aesthetic keywords, visual references, do/don't examples
- voice.md — Tone of voice, language style, copy do/don't rules, vocabulary
- tokens.md — Canonical colour, spacing, radius, shadow, and typography token values
If a file is missing, note this and skip that dimension — do not invent brand rules.
Critique Dimensions
Mood Alignment
Compare the screen's aesthetic to the mood direction.
- Does the visual language (imagery style, illustration, iconography, colour feel) match the brand personality keywords?
- Are any elements tonally off — e.g., a playful brand using cold, corporate styling?
- Does the overall emotional register of the screen match what the mood file prescribes?
Voice Alignment
Compare all visible copy to the voice guidelines.
- Does the tone match (e.g., direct vs. conversational, formal vs. friendly)?
- Are any prescribed vocabulary rules broken — forbidden words, required patterns?
- Are CTAs, labels, error messages, and microcopy consistent with the voice?
Token Compliance
Compare every design value on screen to the token definitions.
- Are hardcoded hex values used where a colour token should apply?
- Are spacing, radius, or shadow values that deviate from tokens present?
- Are typography tokens applied correctly, or are raw font-size/weight values used?
- List every non-compliant value with its token equivalent.
Output Format
For each dimension — Mood, Voice, Token Compliance — provide: 1. Observation — what you see (neutral, factual) 2. Divergence — what conflicts with the reference file and why it matters 3. Fix — the exact correction (preferred wording, correct token name, etc.) Rate each dimension: pass / minor issue / major issue.
Common Failure Patterns
- Hardcoded values drifting from tokens over time
- Copy written without consulting voice guidelines, defaulting to generic UI language
- Imagery or illustration sourced outside the brand mood reference
- Inconsistent radius or shadow values across components on the same screen
Related skills
How it compares
Choose critique-brand-consistency over generic design-review skills when the project already maintains mood, voice, and token markdown references.
FAQ
Which files does critique-brand-consistency require?
critique-brand-consistency requires three project reference files: mood.md for aesthetic direction, voice.md for tone and language rules, and tokens.md for design token definitions. The skill reads them from the project root before auditing any screen.
What does critique-brand-consistency output?
critique-brand-consistency outputs a structured critique listing every brand divergence found on the screen, paired with the correct token value, visual approach, or copy tone drawn from the three reference files.