用途
Brand Identity Generator 用于为产品创建视觉品牌识别。它会在项目根目录生成一份完整的 BRAND-IDENTITY.md 文件,作为单一参考文档,明确规定所有视觉决策,使 AI 工具在构建界面时不再需要反复猜测或重复指令。该输出是项目级参考文件,而非技能本身。
主要能力
该技能提供两种工作模式:
- 引导式发现(默认):用户无需掌握设计词汇。技能先提出一个问题,然后基于回答从参考品牌库中选取 1-2 个最接近的参考品牌,用通俗语言提出完整识别方案,用户只需对提案做出反应(如“更暖一些”“不喜欢绿色”“更像 Notion”),技能据此调整并重新提案,通常 1-3 轮即可完成。
- 专家快捷模式:当检测到用户已提供具体设计令牌(如十六进制色码、字体名称、圆角值、间距比例、CSS 自定义属性或 Tailwind 配置)时,技能会确认已指定的内容,用互补的智能默认值填补空缺,跳过发现对话,直接生成完整的 BRAND-IDENTITY.md,同时仍应用所有强制最佳实践(无障碍、响应式等)。
生成的 BRAND-IDENTITY.md 包含 12 个完整章节,所有字段必须填写真实值,不得留空、使用“TBD”或占位符。模板第 12 节要求提供八个完整的组件示例,其中每个值都必须来自上方章节,不得虚构。
使用方式
- 技能首先询问一个问题:“你在构建什么,目标用户是谁?”
- 根据回答,从 references/brand-library.md 中选取 1-2 个最接近的参考品牌(该库包含 7 个类别共 25 个品牌)。
- 用通俗语言提出完整识别方案,涵盖整体感觉、参考品牌及原因、颜色方向、字体特征、密度与间距感觉、组件个性。
- 用户对提案做出反应,技能调整并重新提案。
- 用户批准后,使用 assets/brand-identity-template.md 模板生成完整的 BRAND-IDENTITY.md,写入项目根目录。
专家模式下,技能检测到设计令牌后直接生成完整文件。
适用场景
- 独立创始人或小团队需要为产品建立视觉品牌识别。
- 使用 AI 工具(如 Claude Code、Lovable、Cursor、Replit)构建 UI,希望确保界面一致性。
- 用户不熟悉设计术语,但能对视觉提案做出反应。
- 用户已提供具体设计令牌,需要快速生成完整品牌规范。
限制
- 该技能生成的是项目级参考文件,不直接构建 UI。
- 所有字段必须填写真实值,不得留空或使用占位符。
- 必须通过质量门检查,包括:12 个章节全部填充;第 10 节所有颜色配对通过 WCAG 2.1 AA(正常文本 4.5:1,大文本 3:1);所有组件状态已指定;反模式列表至少 16 项且含至少 3 项品牌特定条目;流体排版 clamp() 值在 320px 和 1440px 视口下正确;间距比例内部一致;第 12 节应用示例使用实际十六进制值、间距和字体规格;指定字体加载策略;暗色模式要么完全映射,要么明确选择退出并写明“Dark mode not supported. Do not generate dark mode variants.”;第 10 节所有无障碍要求已填写;对比度表至少计算 8 组配对;触摸目标在 第 10 节和第 11 节均指定为最小 44px;断点值在第 4 节和第 11 节一致;指定图标库并包含“never mix”规则;第 7 节包含减少动画的 CSS。
- 该技能不涉及收费、价格、平台或效果信息,资料中暂未提供。
相关技能
生成品牌识别后,以下技能可使用这些令牌构建实际 UI:beautify(如何美观地应用这些令牌)、ui-patterns(使用这些令牌的组件实现和页面布局)、motion-polish(匹配品牌个性的动画时序和微交互)、design-review(审核 UI 是否正确实现该识别的质量门)。