brand-identity Skill 技能

brand-identity — 一份简报出一套完整品牌识别

技能简介

brand-identity 是一款 Claude Code Skill，从单一需求描述出发，为品牌一次性生成 logo、字体与配色作为一个系统的整套识别。它不是单独生成这三件套再让用户挑选拼凑，而是先抽出贯穿三者的"机制"（如 Lyon 灯光节的"指针手势"或 Berlin techno 厂牌的"模板与编号"），让 mark、字形、配色围绕同一概念彼此呼应。生成过程带有可量化的闸门：WCAG 2 / APCA 对比度、色盲模拟、所支持语言的字符覆盖、字体许可、16/32px 渲染表现都要过线；未通过的标记为"门未通过"，启发式判断标为"警告"，主观偏好标为"判断"，三者分明不会糊在一起。最终交付除视觉资产外，还包含一份可签字的品牌指南包。

核心能力

• 一次输入得到 3~4 个识别方案，每套自带统一的"机制"贯穿 logo / 字体 / 配色
• 量化闸门：对比度、色盲、字符覆盖、字体许可、表格数字与小尺寸渲染
• 反"通用 AI 品牌脸"机制：检测模型常用套路并要求引用简报中的依据
• 完整品牌指南包：8 页 PDF（封面 / 理念 / Logo / 变体 / 误用 / 配色 / 字体 / 应用），扩展 --full 增加 13 页（网格 / 深色模式 / 无障碍 / 图标系统 / 影像指引）
• 多套 logo 文件：SVG + PNG 全彩、单色、反白、应用图标、favicon
• 设计 token 导出：CSS / SCSS / Tailwind / DTCG JSON 等多种格式

安装配置

1. Claude Code 插件安装：

   /plugin marketplace add fatihaydost/brand-identity-skill
   /plugin install brand-identity@brand-identity-skill

2. 手动复制 skill 文件夹到全局 Skills 目录：

   git clone https://github.com/fatihaydost/brand-identity-skill.git
   cp -r brand-identity-skill/skills/brand-identity ~/.claude/skills/

3. 下载 release 中的 .skill 包，上传到 Claude.ai Web 版的 Skills 设置面板

使用步骤

1. 在新对话中调用 /brand-identity 命令
2. 用一段话提交品牌简报（目标受众、调性、参照、约束等）
3. Agent 先返回 3~4 个识别方向，每个方向附"机制"说明，方便选择而非盲选
4. 选定方向后让 Skill 生成完整识别套图：logo 变体、字体搭配、配色 token
5. 给出现有网站 URL，让 Skill 读取现行 logo / 字体 / 配色，预览在你页面上的效果
6. 调用 build guidelines 生成 8 页 PDF；如需 13 页扩展包，加 --full 参数

适用场景

• 初创公司 / 工作室从零开始建立品牌识别，无需先雇设计师
• 中小品牌重塑升级：上传旧识别获得量化评估和改进建议
• 设计师团队用 Skill 做头脑风暴与对比测试，加速早期提案
• 教学场景中演示"识别一致性"原则，让学生在 AI 辅助下理解系统性品牌

适用人群

• 早期创业者、独立工作室主理人，需要 0~1 品牌识别
• 中小企业品牌负责人，预算不允许请专业设计公司
• 产品经理与营销人员，在 MVP 阶段快速获得可用的视觉资产
• 设计教育者与学生，AI 协作完成品牌练习

工作原理

Skill 把"识别"视为一个有机体而不是三个独立物件。先从简报中抽取"机制"——一个能把 logo、字体、配色串联起来的核心隐喻或逻辑；用机制生成 logo 形式、字体推荐、配色方案三件套，三者围绕同一理念相互呼应。生成时附带量化闸门（WCAG / APCA / 色盲 / 字符覆盖 / 字体许可）作为质量底线，任何一关失败都明确标记，不允许用"看起来还行"过关。

官方链接

• GitHub 仓库：https://github.com/fatihaydost/brand-identity-skill
• 演示动图：仓库 docs/images/brand-identity.gif
• 测试状态：GitHub Actions CI badge（自动跑回归用例）
• License：MIT