Repolode
fatihaydost

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. 1

    在 Claude Code 中添加插件市场

    /plugin marketplace add fatihaydost/brand-identity-skill
  2. 2

    安装 brand-identity 插件

    /plugin install brand-identity@brand-identity-skill
  3. 3

    检查所需环境是否就绪(需先克隆仓库)

    python3 skills/brand-identity/scripts/brand.py check
  4. 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 数据每日更新。

相关项目