品牌视觉规范

统一品牌色、字体、组件风格，避免每次对话重复说明。

安装

**Claude Code（推荐）**
```bash
git clone https://github.com/anthropics/skills.git /tmp/anthropic-skills
mkdir -p ~/.claude/skills
cp -r /tmp/anthropic-skills/skills/brand-guidelines ~/.claude/skills/
```
重启 Claude Code 后，在 MrWhale 网关下用中文描述任务即可。

**Cursor 项目级**
```bash
mkdir -p .cursor/skills
curl -L -o .cursor/skills/brand-guidelines.md \
  https://raw.githubusercontent.com/anthropics/skills/main/skills/brand-guidelines/SKILL.md
```

Skill 正文

## 这个 Skill 做什么

把 **品牌色、字体、组件风格** 写进 Agent 记忆，避免每个页面都重新解释 VI。

## 你可以用它完成

- 定义 **主色 / 辅色 / 圆角 / 阴影** 规则
- 生成符合品牌的 **按钮、卡片、标题** 样式

## 你怎么跟 Agent 说（示例）

- 「品牌主色 #2563EB，字体 PingFang + Inter，以后 UI 都按这个 Skill」
- 「检查这个 landing page 是否符合品牌规范」

品牌视觉规范 — Skill 广场 | MrWhale | MrWhale Skill

品牌视觉规范

统一品牌色、字体、组件风格，避免每次对话重复说明。

安装

**Claude Code（推荐）**
```bash
git clone https://github.com/anthropics/skills.git /tmp/anthropic-skills
mkdir -p ~/.claude/skills
cp -r /tmp/anthropic-skills/skills/brand-guidelines ~/.claude/skills/
```
重启 Claude Code 后，在 MrWhale 网关下用中文描述任务即可。

**Cursor 项目级**
```bash
mkdir -p .cursor/skills
curl -L -o .cursor/skills/brand-guidelines.md \
  https://raw.githubusercontent.com/anthropics/skills/main/skills/brand-guidelines/SKILL.md
```

Skill 正文

## 这个 Skill 做什么

把 **品牌色、字体、组件风格** 写进 Agent 记忆，避免每个页面都重新解释 VI。

## 你可以用它完成

- 定义 **主色 / 辅色 / 圆角 / 阴影** 规则
- 生成符合品牌的 **按钮、卡片、标题** 样式

## 你怎么跟 Agent 说（示例）

- 「品牌主色 #2563EB，字体 PingFang + Inter，以后 UI 都按这个 Skill」
- 「检查这个 landing page 是否符合品牌规范」