一套让 Claude、Gemini CLI、Codex 等 AI 代理按专业流程设计 logo 的技能包,附带 1400 多个 SVG 参考库和检测工具。
fatihaydost/brand-identity-skill
一个 Claude Code 技能,将 logo、字体和配色作为一个整体设计,并输出品牌规范套件。
- Star
- 330
- Fork
- 26
- 未关闭 Issue
- 0
- 最近提交
- 3天前
这是什么?
brand-identity 是一个用于 Claude Code 的技能,可根据一份简要说明设计完整的品牌识别系统。logo、字体和配色并非分别挑选,而是从同一个核心理念出发一起构建,最终给出三到四套可并排比较的方案供用户选择。
技能在呈现结果前会先做测量:依据 WCAG 2.2 检查颜色对比度,模拟色盲视觉,核对品牌所用语言的字形覆盖,检查字体授权,并在 16 和 32 px 下渲染 logo。未通过的检查会阻止该方案继续,启发式结果则以警告形式标出。
选定方案后,技能会生成品牌规范套件,包括 8 页 PDF、SVG 和 PNG 格式的 logo 变体、CSS、SCSS、Tailwind 与 DTCG JSON 格式的设计令牌,以及附带嵌入代码的字体样张。它还能读取现有网站的 logo、字体和颜色,并把各方案预览到该网站页面上。
核心功能
- 01根据同一份简要说明,一并构建 logo、字体和配色。
- 02依据 WCAG 2.2 检查对比度,并模拟色盲视觉。
- 03核对品牌所用语言的字形覆盖与字体授权。
- 04导出包含 logo 文件、颜色与字体规范的品牌指南 PDF。
- 05生成 CSS、SCSS、Tailwind 及 DTCG JSON 格式的设计令牌。
- 06可读取指定网站 URL,将各方案预览到该网站页面上。
适用场景
- 为新业务或新产品同时创建 logo、字体和配色方案。
- 保留现有 logo,为已有网站更新字体和配色。
- 在没有设计师的小团队中生成品牌规范套件。
- 对已有的品牌识别系统进行评审。
快速上手
- 1
在 Claude Code 中添加插件市场
/plugin marketplace add fatihaydost/brand-identity-skill - 2
安装 brand-identity 插件
/plugin install brand-identity@brand-identity-skill - 3
检查所需环境是否就绪(需先克隆仓库)
python3 skills/brand-identity/scripts/brand.py check - 4
用自然语言向 Claude Code 提出需求,例如为你的品牌设计标志、字体和配色
使用前须知
- 需要 Python 3.10+ 以及基于 Chromium 的浏览器(如 Chrome、Chromium、Edge 或 Brave)。
- 仅能在 Claude Code 中运行;在 claude.ai 聊天中字体测量和渲染会失败。
- 不检索商标注册库,标志在使用前需单独进行商标审查。
- 字体测量和渲染需要访问 Google Fonts 和 PyPI 的网络。
收录于专题
标签
常见问题
- brand-identity-skill 是什么?
- 一个 Claude Code 技能,将 logo、字体和配色作为一个整体设计,并输出品牌规范套件。 brand-identity 是一个用于 Claude Code 的技能,可根据一份简要说明设计完整的品牌识别系统。logo、字体和配色并非分别挑选,而是从同一个核心理念出发一起构建,最终给出三到四套可并排比较的方案供用户选择。
- brand-identity-skill 可以免费使用吗?用的什么许可证?
- brand-identity-skill 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- brand-identity-skill 还在维护吗?
- 活跃维护中。brand-identity-skill 最近一次提交是在 2026年11月4日。
- brand-identity-skill 适合用来做什么?
- 为新业务或新产品同时创建 logo、字体和配色方案。 保留现有 logo,为已有网站更新字体和配色。 在没有设计师的小团队中生成品牌规范套件。 对已有的品牌识别系统进行评审。
- brand-identity-skill 怎么安装和运行?
- 在 Claude Code 中添加插件市场: /plugin marketplace add fatihaydost/brand-identity-skill 安装 brand-identity 插件: /plugin install brand-identity@brand-identity-skill 检查所需环境是否就绪(需先克隆仓库): python3 skills/brand-identity/scripts/brand.py check 用自然语言向 Claude Code 提出需求,例如为你的品牌设计标志、字体和配色
- 在哪里获取 brand-identity-skill?
- 源代码和安装说明在 GitHub 上:https://github.com/fatihaydost/brand-identity-skill
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一个智能体技能,可从参考界面中提取视觉设计特征,生成结构化的 Design DNA JSON,并据此生成风格一致的界面。
一个 Claude Code 技能,根据产品特点生成 SVG Logo 变体,并借助 Gemini 图像模型制作展示图。
一套纯指令与知识库,让 Claude 等编码智能体具备 UX/UI 设计能力,含 DTCG 设计令牌、组件规范与 52 项客观校验。
为编码智能体提供设计系统、UI/UX 指导、图标与无障碍审查规则的 MCP 服务与 shadcn/ui 组件源。
一组 Claude Code 技能,实现 Figma 设计与代码之间的双向同步,并附带样式系统治理能力。