brand作者 nextlevelbuilder

Brand Skill.

一个用于品牌和设计系统工作的 Claude Code 和 Codex skill，涵盖品牌声音、视觉识别、信息框架和品牌一致性。

Brand & Design Systems

nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/brand/SKILL.mdSKILL.md

--- name: brand description: Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides. --- ## When to Use ## Script Paths ## Quick Start ## Brand Sync Workflow ## Subcommands ## Scripts

前言和章节标题读取自上游文件，时间 2026-09-14 · 完整内容 3,512 字符

01 功能说明

该品牌 skill 在 Claude Code 和 Codex 中的作用

摘要、工作流与产物，均读自该 skill 的 SKILL.md。

来自 SKILL.md读取于 2026-09-14 · 非实际运行记录

以 skill 自身的术语

该 skill 负责管理品牌身份、语调、信息框架、视觉识别标准以及资产一致性。它在 docs/brand-guidelines.md 中维护唯一的信息来源，并将其同步到 design-tokens.json 和 design-tokens.css。该 skill 提供脚本，用于将品牌上下文注入提示词、校验资产命名与格式、提取并比对调色板中的颜色，以及审计品牌一致性。

它包含关于语调、视觉识别、信息传达、色彩管理、排版、logo 使用和审批工作流的参考框架。用户可以更新品牌身份并将变更传播到所有设计系统中，也可以审查资产和内容是否符合品牌规范。

它产出什么

位于 assets/design-tokens.css 的 CSS 变量文件

查看示例提示词 ↗

工作方式

01
编辑品牌指南源文件
修改 docs/brand-guidelines.md，它是所有品牌定义的唯一真实来源。
02
同步到设计 token
运行 sync-brand-to-tokens.cjs，将指南中的更改同步到 assets/design-tokens.json 和 assets/design-tokens.css。
03
将上下文注入提示词
使用 inject-brand-context.cjs 提取品牌上下文，插入到 Agent 提示词中，可选以 JSON 形式输出。
04
验证资产
运行 validate-asset.cjs 并指定资产路径，以检查命名规范、大小和格式合规性。
05
提取并比对颜色
使用 extract-colors.cjs 从图像中提取颜色或显示调色板，然后与品牌标准进行比对。

02 找到适合场景

何时使用 brand Skill

当工作是此类品牌与设计系统工作时，在 Claude Code 或 Codex 中使用 brand skill。适用范围和限制来自该 skill 自己的文件。

适合场景

为内容创作定义并记录品牌语调
制定视觉识别标准和风格指南
创建用于统一传达的信息框架
审查内容和资产的品牌一致性
整理、命名并审批品牌资产

03 Skill 内部

brand skill 为 Claude Code 和 Codex 提供的规则

SKILL.md 为 Agent 设定的 5 条具体指令、默认值与限制——文件中真正改变结果的那一部分。

脚本路径相对于 skill 目录
此 skill 及其引用文件中的脚本路径是相对于包含 SKILL.md 的目录，而不是相对于项目根目录。
同步会传播到 JSON 和 CSS token
sync-brand-to-tokens.cjs 脚本会同时写入 assets/design-tokens.json 和 assets/design-tokens.css。
资产会针对命名、大小和格式进行验证
validate-asset.cjs 脚本会检查资产命名规范、文件大小和格式合规性。
update 子命令会同步到所有设计系统
update 子命令会更新品牌标识，并将更改同步到所有设计系统。
子命令从 ARGUMENTS 中路由
从 $ARGUMENTS 的第一个词解析子命令，加载对应的 references/{subcommand}.md，并使用剩余参数执行。

04 投入使用

将 brand 安装到 Claude Code 或 Codex

一条 npx skills add 命令，然后在你的 Agent 中执行第一个任务和对结果的清单检查。

将 brand 添加到 Claude Code、Codex 或您的 Agent

在你的项目中运行；安装程序会询问要把它添加到哪个 Agent。

Terminal

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill brand

针对 .claude/skills/brand/SKILL.md 的通用 skills CLI 形式；仓库可能记录其自身路径。

为 Skill 分配第一个品牌和 design-system 工作任务

按 skill 自身的术语撰写；把括号中的部分换成你的内容。

Starter prompt

Review [marketing-email.html] for brand voice consistency and validate [hero-image.png] against our logo usage rules and color palette. Update docs/brand-guidelines.md with the new tagline and sync the changes to design tokens.

来源：依据 SKILL.md，按 skill 自身的术语撰写。

检查首次结果

SKILL.md 本身如何描述正确的结果：

将提取的颜色与品牌调色板进行比较
根据品牌一致性检查清单审查内容
发布前根据审批检查清单检查资产

在 OpenDesign 中从其 SKILL.md 链接导入 brand：Plugins → Add → Skill → Import from link，然后在顶部栏中选择它。

下载 OpenDesign 阅读快速入门

05 开源、可追溯

来源、许可与验证

本页面事实的来源，以及最后检查时间。

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill 分支 main
Skill 文件: .claude/skills/brand/SKILL.md 验证时记录的内容校验和；提交 7f69fed
License: MIT 来自 LICENSE。
仓库星标数: 127,450 GitHub 快照拍摄于 2026-09-14，针对整个 nextlevelbuilder/ui-ux-pro-max-skill 仓库，该仓库在此目录中包含 7 个 skills。不是 brand 的评分或使用量。
已由 OpenDesign 验证: 2026-09-14 已检查源文件、路径、许可文本和 star 数量。未内置在 OpenDesign 主程序（检查日期 2026-08-28）；本页面未记录实际运行。

SKILL.md 内部

何时使用列出六种场景：语调定义、视觉识别、信息传达、一致性审查、资产管理、色彩与排版。
脚本路径说明脚本路径是相对于 skill 目录，而非项目根目录。
快速开始用于注入品牌上下文、验证资产以及提取或比较颜色的命令。
品牌同步工作流三步流程：编辑指南、同步到 token、使用注入脚本验证。
子命令包含 update 子命令的表格，用于将品牌标识同步到所有设计系统。
参考资料十个参考文件，涵盖语调、视觉识别、信息传达、一致性、指南、资产、色彩、排版、logo、审批。
脚本四个脚本，用于注入上下文、同步到 token、验证资产、提取颜色。
模板一个用于创建新品牌指南的起始模板。
路由三步路由：从第一个参数解析子命令、加载参考资料、使用剩余参数执行。

Skill 自身的描述

"品牌声音、视觉识别、信息框架、资产管理、品牌一致性。适用于品牌内容、语气风格、营销资产、品牌合规、风格指南。"

来自 SKILL.md 的前言描述。完整文件约 3,512 个字符。在 GitHub 上阅读完整文件。

Brand

在真实的品牌与设计系统工作任务上运行 brand。

下载 OpenDesign，从 SKILL.md 链接导入 brand，粘贴上述提示词，在查看结果前先阅读计划。

下载 OpenDesign 浏览所有 skills

终端

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill brand