出海助手-品牌设计 / Brand
> 本技能改造自开源技能 brand（来源：nextlevelbuilder/ui-ux-pro-max-skill，UI/UX Pro Max 设计智库）。已完整保留原始运行文件（scripts/references/assets 与 LICENSE），并新增中文出海使用说明。原始英文说明见文末「English (Original)」与同目录 SKILL.original.md。
功能说明 / Functional Overview
生成品牌视觉方向与要素，支撑出海品牌建设。
适用场景 / Use Cases
- 品牌视觉起步
- Logo/配色方向
- 品牌风格定义
使用方法 / How to Use
- 在 WorkBuddy 中直接以自然语言描述需求，本技能会自动触发。
- 技能运行所需的全部脚本与资源已随目录附带（见本目录
scripts/、references/等），可离线运行。 - 涉及第三方服务（如 Notion / Slack / GitHub / X / WhatsApp 等）时，请按原始说明配置对应的 API Key 或授权。
示例 / Examples
- 「品牌视觉起步」——用自然语言把任务交给本技能即可。
限制说明 / Limitations
- 需要外部服务/凭证的技能，请先完成授权配置后使用。
- 本技能为开源技能的中文本地化版本，核心逻辑与原技能一致；如遇专业术语，正文保留英文原词（如 Shopify、SEO、GA4 等）。
English (Original) / 英文原文（完整保留）
> The section below is the original skill definition, preserved verbatim for traceability and full functionality.
Brand
Brand identity, voice, messaging, asset management, and consistency frameworks.
When to Use
- Brand voice definition and content tone guidance
- Visual identity standards and style guide development
- Messaging framework creation
- Brand consistency review and audit
- Asset organization, naming, and approval
- Color palette management and typography specs
Quick Start
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>
Brand Sync Workflow
# 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 truth
- assets/design-tokens.json → Token definitions
- assets/design-tokens.css → CSS variables
Subcommands
| Subcommand | Description | Reference |
|---|---|---|
update |
Update brand identity and sync to all design systems | references/update.md |
References
| 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 |
| 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 |
Scripts
| 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 |
Templates
| Template | Purpose |
|---|---|
templates/brand-guidelines-starter.md |
Complete starter template for new brands |
Routing
- Parse subcommand from
$ARGUMENTS(first word) - Load corresponding
references/{subcommand}.md - Execute with remaining arguments
