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 從公開儲存庫中收錄這些內容。

檢舉或申請下架