关于 brand
brand 是用于管理品牌识别、语气、信息传达和素材一致性的技能,适合品牌与营销工作。它提供指南同步至设计令牌、校验素材及提取配色的脚本。
主要功能
- 01定义品牌语气与信息框架
- 02维护视觉识别规范
- 03同步指南与设计令牌
- 04校验素材命名和规格
- 05提取并比较品牌颜色
- 06管理素材与审批流程
适用场景
- 01制定品牌指南与语气规范
- 02检查内容和视觉一致性
- 03将品牌规范同步到设计令牌
- 04整理并校验品牌素材
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nextlevelbuilder/ ui-ux-pro-max-skill --skill ckm:brand安装后在 Claude Code 中输入/ckm:brand确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/asset-organization.mdcolor-palette-management.mdlogo-usage-rules.mdconsistency-checklist.mdtypography-specifications.mdmessaging-framework.mdbrand-guideline-template.mdapproval-checklist.mdupdate.mdvoice-framework.mdvisual-identity.mdscripts/inject-brand-context.cjssync-brand-to-tokens.cjsextract-colors.cjsvalidate-asset.cjsscripts/tests/test_sync_brand_to_tokens.pytemplates/brand-guidelines-starter.md详细介绍
品牌
品牌标识、语气、信息传达、资产管理与一致性框架。
适用场景
- 品牌语气定义与内容语调指导
- 视觉识别标准与风格指南制定
- 信息传达框架创建
- 品牌一致性审查与审计
- 资产组织、命名与审批
- 色板管理与字体规范
快速开始
将品牌上下文注入提示词:
node scripts/inject-brand-context.cjs
node scripts/inject-brand-context.cjs --json
验证资产:
node scripts/validate-asset.cjs <asset-path>
提取/比较颜色:
node scripts/extract-colors.cjs --palette
node scripts/extract-colors.cjs <image-path>
品牌同步工作流
# 1. Edit docs/brand-guidelines.md (or use /brand update)
# 2. Sync to design tokens
node scripts/sync-brand-to-tokens.cjs
# 3. Verify
node scripts/inject-brand-context.cjs --json | head -20
同步的文件:
docs/brand-guidelines.md→ 权威来源assets/design-tokens.json→ Token 定义assets/design-tokens.css→ CSS 变量
子命令
| 子命令 | 说明 | 参考 |
|---|---|---|
update | 更新品牌标识并同步至所有设计系统 | references/update.md |
参考资料
| 主题 | 文件 |
|---|---|
| 语气框架 | references/voice-framework.md |
| 视觉识别 | references/visual-identity.md |
| 信息传达 | references/messaging-framework.md |
| 一致性 | references/consistency-checklist.md |
| 指南模板 | references/brand-guideline-template.md |
| 资产组织 | references/asset-organization.md |
| 色彩管理 | references/color-palette-management.md |
| 字体排版 | references/typography-specifications.md |
| Logo 使用 | references/logo-usage-rules.md |
| 审批清单 | references/approval-checklist.md |
脚本
| 脚本 | 用途 |
|---|---|
scripts/inject-brand-context.cjs | 提取用于提示词注入的品牌上下文 |
scripts/sync-brand-to-tokens.cjs | 将 brand-guidelines.md 同步至 design-tokens.json/css |
scripts/validate-asset.cjs | 验证资产的命名、尺寸与格式 |
scripts/extract-colors.cjs | 提取颜色并与色板进行比对 |
模板
| 模板 | 用途 |
|---|---|
templates/brand-guidelines-starter.md | 适用于新品牌的完整入门模板 |
路由
- 从
$ARGUMENTS中解析子命令(第一个词) - 加载对应的
references/{subcommand}.md - 使用剩余参数执行
评论
支持 Markdown