UI/UX Pro Max 品牌设计

Model: minimax-m3 | ¥0.20/call

UI设计Claude Opus 4.7视觉设计品牌设计

品牌设计：nextlevelbuilder/ui-ux-pro-max-skill: brand，适用于界面设计与视觉资产创作。

Calls: 1

Skill Documentation

UI/UX Pro Max 品牌设计

摘要

品牌设计：nextlevelbuilder/ui-ux-pro-max-skill: brand，适用于界面设计与视觉资产创作。

> 来源: nextlevelbuilder/ui-ux-pro-max-skill (113k stars) — 67 种 UI 风格 + 161 套配色

> 原文件: .claude/skills/brand/SKILL.md

> 模型推荐: claude-opus-4-7 (设计美学)

这个 skill 是干嘛的

nextlevelbuilder 在 113k stars 的 ui-ux-pro-max-skill 仓库里整理的 UI/UX 设计系统 — 67 种 UI 风格一键切换 + 161 套配色 + 99 条 UX 规范。让 AI Agent 产出符合企业级设计标准的前端界面。

michael 强调"skill 要有相应的指导功能,指导用户使用",所以加了下面两节让 Agent 和用户对接。

---

🤖 Agent 使用说明

1. 用户提到"设计 / 改 UI / 配色 / 视觉"时触发

2. skill 优先于通用 design-sense 跑(因为它有 67 种风格选择)

3. 涉及"改颜色 / 字体 / 布局"前先问用户偏好(品牌色 / 风格)

4. 完工前跑 audit 自检

5. 完工后输出可执行的设计建议

👤 用户需要做什么?

1. 告诉 Agent 你要做什么样的设计(品牌页 / 产品页 / Dashboard / Banner / Slides)

2. 如果 Agent 反问"受众是谁 / 品牌色 / 风格倾向",按提示回答

3. 全程 Agent 自动化,你只需回答决策点

---

原 skill 内容(nextlevelbuilder/ui-ux-pro-max-skill/.claude/skills/brand/SKILL.md,截断到 12k chars)

---

name: brand

description: Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.

argument-hint: "[update|review|create] [args]"

metadata:

author: claudekit

version: "1.0.0"

---

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

1. Parse subcommand from `$ARGUMENTS` (first word)

2. Load corresponding `references/{subcommand}.md`

3. Execute with remaining arguments

常见问题（FAQ）

使用「品牌设计」这个 skill 能解决什么问题?

本 skill 专注于品牌设计，nextlevelbuilder/ui-ux-pro-max-skill: brand。它将相关流程标准化，帮助用户更快拿到可靠结果，减少重复手工操作。

什么情况下适合使用「品牌设计」?

当你需要在品牌设计相关工作中获得稳定、可复用的产出时最适合——无论是单次任务还是纳入日常工作流，都能直接调用。

使用「品牌设计」前需要准备什么?

提供设计目标、品牌偏好或参考素材，越具体产出越贴合需求。

FAQ