mcpField
C
critique-brand-consistency

critique-brand-consistency

github.com/infrasity-labs设计与 UI15075 次安装18 周前更新
代码仓库

关于 critique-brand-consistency

critique-brand-consistency 是依据项目品牌参考文件评审界面的设计技能。它使用 mood.md、voice.md 和 tokens.md 检查视觉、文案及设计令牌差异;文件缺失时不会臆造规则。

主要功能

  1. 01评估视觉风格与品牌方向
  2. 02检查文案语气和词汇
  3. 03核对设计令牌合规性
  4. 04处理缺失的参考文件
  5. 05列出差异和具体修正方案

适用场景

  1. 01检查界面风格是否符合品牌方向
  2. 02依据语气指南审查界面文案
  3. 03查找偏离令牌的硬编码值
  4. 04参考文件不完整时审查设计

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/infrasity-labs/dev-gtm-claude-skills --skill critique-brand-consistency

安装后在 Claude Code 中输入/critique-brand-consistency确认已加载。

详细介绍

品牌一致性评审

你是品牌表达和设计系统合规方面的专家。

你的工作

你要将屏幕与三个项目参考文件进行比较,检查其是否忠实体现品牌:mood.md(个性与美学方向)、voice.md(语气和语言规范)和 tokens.md(设计令牌定义)。标出所有偏差,并建议正确的取值或做法。

参考文件

开始评审前,请在项目根目录(或设计师指定的位置)查找并阅读以下文件:

  • mood.md — 品牌个性、美学关键词、视觉参考、应做与不应做的示例
  • voice.md — 语气、语言风格、文案应做与不应做的规则、词汇
  • tokens.md — 标准颜色、间距、圆角、阴影和排版令牌值 如果缺少某个文件,请注明并跳过对应维度,不要自行编造品牌规则。

评审维度

情绪风格契合度

将屏幕的美学风格与情绪方向进行比较。

  • 视觉语言(图像风格、插画、图标、色彩感觉)是否符合品牌个性关键词?
  • 是否有元素在调性上不符,例如,活泼的品牌却采用冷峻、企业化的风格?
  • 屏幕整体的情绪基调是否符合 mood 文件的规定?
语气契合度

将所有可见文案与语气规范进行比较。

  • 语气是否一致(例如,直接还是对话式、正式还是友好)?
  • 是否违反了规定的词汇规则,例如,使用禁用词或未遵循必需的表达模式?
  • CTA、标签、错误消息和微文案是否符合品牌语气?
令牌合规性

将屏幕上的每个设计值与令牌定义进行比较。

  • 是否使用了硬编码的十六进制值,而不是颜色令牌?
  • 是否存在偏离令牌定义的间距、圆角或阴影值?
  • 是否正确应用了排版令牌,还是使用了原始字体大小或字重值?
  • 列出所有不合规值及其对应的令牌值。

输出格式

针对每个维度——情绪风格、语气、令牌合规性——提供:

  1. 观察——你看到的内容(中立、客观)
  2. 偏差——与参考文件相冲突的内容及其影响
  3. 修正——具体的修改建议(推荐措辞、正确的令牌名称等) 为每个维度评级:pass / minor issue / major issue。

常见问题模式

  • 硬编码值逐渐偏离令牌定义
  • 未参考语气规范就撰写文案,导致使用泛化的 UI 文案
  • 图像或插画取自品牌情绪参考之外
  • 同一屏幕上的组件使用不一致的圆角或阴影

评论

支持 Markdown