Critique Brand Consistency

owl-listener/designer-skills/visual-critique/skills/critique-brand-consistency

作者 owl-listener9a6930cf84a8无许可证2.8K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库4周前更新

Critique a rendered screen against mood.md, voice.md, and tokens.md. Use when those brand files exist and you are checking compliance. For defining the visual language itself, use `illustration-style` (ui-design).

仅含说明Design & Creative
AI 生成的概览

依据 mood.md、voice.md 和 tokens.md 品牌参考文件审查已渲染界面并报告偏差。

功能
将已渲染界面与三份项目参考文件对比:mood.md 用于品牌个性与美学方向,voice.md 用于语气与语言规范,tokens.md 用于设计令牌取值。针对三个维度分别给出观察、偏差及其影响,以及具体修正建议,例如推荐措辞或正确的令牌名称。每个维度按通过、轻微问题或严重问题评级。
适用场景
适用于品牌参考文件已存在、需要对界面做合规检查的场景。适合在实现前后审查氛围、文案语气与令牌使用。若要定义视觉语言本身,则应使用单独的 illustration-style 技能。
运行要求
需要项目中的 mood.md、voice.md 和 tokens.md 参考文件,以及待审查的已渲染界面。仅为指令,无需脚本、依赖包或凭据。

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

来源与署名

来源:owl-listener/designer-skills位于visual-critique/skills/critique-brand-consistency提交9a6930c

许可证: 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架