关于 ckm-brand
ckm-brand 是面向团队的品牌管理技能,用于制定品牌身份、语调、信息和资产规范。它提供脚本,可将品牌背景注入提示词、验证资产,并把指南同步到设计令牌。
主要功能
- 01向提示词注入品牌背景
- 02将指南同步到设计令牌
- 03验证资产名称、尺寸和格式
- 04提取并比较颜色
- 05参考语调、视觉和信息框架
适用场景
- 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/approval-checklist.mdasset-organization.mdbrand-guideline-template.mdcolor-palette-management.mdconsistency-checklist.mdlogo-usage-rules.mdmessaging-framework.mdtypography-specifications.mdupdate.mdvisual-identity.mdvoice-framework.mdscripts/extract-colors.cjsinject-brand-context.cjssync-brand-to-tokens.cjsvalidate-asset.cjstemplates/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