ckm%3Abrand by nextlevelbuilder/ui-ux-pro-max-skill
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:brand品牌标识、语调、信息传递、资产管理及一致性框架。
将品牌上下文注入提示词:
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. 编辑 docs/brand-guidelines.md (或使用 /brand update)
# 2. 同步到设计令牌
node scripts/sync-brand-to-tokens.cjs
# 3. 验证
node scripts/inject-brand-context.cjs --json | head -20
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
同步的文件:
docs/brand-guidelines.md → 单一事实来源assets/design-tokens.json → 令牌定义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 |
| 标志使用规则 | 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每周安装量
3.0K
代码仓库
GitHub 星标数
49.7K
首次出现
2026年3月10日
安装于
codex2.7K
gemini-cli2.7K
opencode2.7K
cursor2.7K
github-copilot2.7K
cline2.7K
Brand identity, voice, messaging, asset management, and consistency frameworks.
Inject brand context into prompts:
node scripts/inject-brand-context.cjs
node scripts/inject-brand-context.cjs --json
Validate an asset:
node scripts/validate-asset.cjs <asset-path>
Extract/compare colors:
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
Files synced:
docs/brand-guidelines.md → Source of truthassets/design-tokens.json → Token definitionsassets/design-tokens.css → CSS variables| Subcommand | Description | Reference |
|---|---|---|
update | Update brand identity and sync to all design systems | references/update.md |
| Topic | File |
|---|---|
| Voice Framework | references/voice-framework.md |
| Visual Identity | references/visual-identity.md |
| Messaging | references/messaging-framework.md |
| Consistency | references/consistency-checklist.md |
| Guidelines Template | references/brand-guideline-template.md |
| Asset Organization | references/asset-organization.md |
| Script | Purpose |
|---|---|
scripts/inject-brand-context.cjs | Extract brand context for prompt injection |
scripts/sync-brand-to-tokens.cjs | Sync brand-guidelines.md → design-tokens.json/css |
scripts/validate-asset.cjs | Validate asset naming, size, format |
scripts/extract-colors.cjs | Extract and compare colors against palette |
| Template | Purpose |
|---|---|
templates/brand-guidelines-starter.md | Complete starter template for new brands |
$ARGUMENTS (first word)references/{subcommand}.mdWeekly Installs
3.0K
Repository
GitHub Stars
49.7K
First Seen
Mar 10, 2026
Installed on
codex2.7K
gemini-cli2.7K
opencode2.7K
cursor2.7K
github-copilot2.7K
cline2.7K
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
102,200 周安装
| Color Management | references/color-palette-management.md |
| Typography | references/typography-specifications.md |
| Logo Usage | references/logo-usage-rules.md |
| Approval Checklist | references/approval-checklist.md |