mcpField
B
brand

brand

github.com/nextlevelbuilder营销与增长142.1k41.6k 次安装2 天前更新
代码仓库

关于 brand

用于定义品牌身份、语调、信息传达和视觉规范的技能。它通过参考框架及脚本帮助团队保持一致性，可注入品牌背景、验证素材，并将指南同步为设计令牌。

主要功能

  1. 01品牌语调与信息框架
  2. 02视觉识别指导
  3. 03品牌一致性检查
  4. 04素材命名与验证
  5. 05颜色提取与比较
  6. 06指南同步至设计令牌

适用场景

  1. 01定义品牌语调与内容风格
  2. 02制定视觉识别指南
  3. 03检查内容的品牌一致性
  4. 04将品牌指南同步为设计令牌

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/brand确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
approval-checklist.md
asset-organization.md
brand-guideline-template.md
color-palette-management.md
consistency-checklist.md
logo-usage-rules.md
messaging-framework.md
typography-specifications.md
update.md
visual-identity.md
voice-framework.md
scripts/
extract-colors.cjs
inject-brand-context.cjs
sync-brand-to-tokens.cjs
validate-asset.cjs
scripts/tests/
test_sync_brand_to_tokens.py
templates/
brand-guidelines-starter.md

详细介绍

品牌

品牌识别、语调、信息传递、资产管理与一致性框架。

使用场景

  • 品牌语调定义与内容语气指导
  • 视觉识别标准与风格指南制定
  • 信息传递框架制定
  • 品牌一致性审查与审计
  • 资产整理、命名与审批
  • 色板管理与字体排版规范

脚本路径

本技能及其 references/ 中的脚本路径，均相对于包含 SKILL.md 的目录，而非项目目录：scripts/<file> 指本技能自身的 scripts/ 目录，../<skill>/scripts/<file> 指与其一同安装的同级子技能。请从该目录构建完整路径，并将工作目录保持在项目根目录（Claude Code 在加载技能时会将其报告为技能的基础目录）。这些脚本会相对于项目根目录读写项目文件，例如 docs/brand-guidelines.md、assets/design-tokens.json 或 src/。

快速开始

将品牌上下文注入提示词：

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

同步会在常见 CSS 入口文件及其本地 CSS 导入中，检测到已有的令牌文件、:root 自定义属性或 Tailwind v4 @theme 变量，或 Tailwind 主题颜色与预设时停止。继续前请检查报告的来源。如果检测到的文件是早前同步生成的受管 assets/design-tokens.* 输出，并且确实需要替换，请添加 --force 重新运行。

同步的文件：

  • 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
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适用于新品牌的完整入门模板

路由

  1. 从 $ARGUMENTS 中解析子命令（第一个词）
  2. 加载对应的 references/{subcommand}.md
  3. 使用剩余参数执行

评论

支持 Markdown