智能字体应用

• ✓自动将 Poppins 字体应用于标题（24pt 及以上）
• ✓自动将 Lora 字体应用于正文文本
• ✓字体不可用时自动回退到 Arial / Georgia
• ✓跨系统保持可读性

品牌色彩管理

• ✓根据背景智能选择文本颜色
• ✓保持文本层次结构和格式
• ✓使用 RGB 精确匹配品牌色

形状与强调色

• ✓非文本形状自动使用品牌强调色
• ✓在 Orange、Blue、Green 三色中循环分配
• ✓保持视觉趣味性同时确保品牌一致

必需

• 1.Claude Code CLI — 已安装并可运行（通过 npm install -g @anthropic-ai/claude-code 安装）
• 2.Git — 用于克隆仓库

推荐（可选）

• •Poppins 字体 — 从 Google Fonts 下载安装
• •Lora 字体 — 从 Google Fonts 下载安装
• •python-pptx — 若需要处理 PPTX 文件（pip install python-pptx）

推荐 方式一：个人全局安装

安装到个人目录，所有项目可用

第 1 步：创建 Skill 目录

mkdir -p ~/.claude/skills/brand-guidelines

第 2 步：克隆仓库并复制文件

# 克隆仓库到临时目录
git clone --depth 1 https://github.com/ComposioHQ/awesome-claude-skills.git /tmp/awesome-claude-skills

# 复制 brand-guidelines Skill 文件
cp /tmp/awesome-claude-skills/brand-guidelines/SKILL.md ~/.claude/skills/brand-guidelines/
cp /tmp/awesome-claude-skills/brand-guidelines/LICENSE.txt ~/.claude/skills/brand-guidelines/

# 清理临时文件
rm -rf /tmp/awesome-claude-skills

第 3 步：验证安装

# 确认文件已正确放置
ls -la ~/.claude/skills/brand-guidelines/
# 应看到: SKILL.md  LICENSE.txt

第 4 步：重启 Claude Code

# 退出当前 Claude Code 会话，重新启动
claude

方式二：项目级安装

仅当前项目可用，适合团队共享（可提交到版本控制）

# 在项目根目录执行
mkdir -p .claude/skills/brand-guidelines

# 克隆并复制
git clone --depth 1 https://github.com/ComposioHQ/awesome-claude-skills.git /tmp/awesome-claude-skills
cp /tmp/awesome-claude-skills/brand-guidelines/SKILL.md .claude/skills/brand-guidelines/
cp /tmp/awesome-claude-skills/brand-guidelines/LICENSE.txt .claude/skills/brand-guidelines/
rm -rf /tmp/awesome-claude-skills

方式三：手动创建 SKILL.md

无需克隆仓库，直接创建文件

mkdir -p ~/.claude/skills/brand-guidelines
cat > ~/.claude/skills/brand-guidelines/SKILL.md << 'EOF'
---
name: brand-guidelines
description: Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
---

# Anthropic Brand Styling

## Brand Guidelines

### Colors

**Main Colors:**
- Dark: `#141413` - Primary text and dark backgrounds
- Light: `#faf9f5` - Light backgrounds and text on dark
- Mid Gray: `#b0aea5` - Secondary elements
- Light Gray: `#e8e6dc` - Subtle backgrounds

**Accent Colors:**
- Orange: `#d97757` - Primary accent
- Blue: `#6a9bcc` - Secondary accent
- Green: `#788c5d` - Tertiary accent

### Typography
- **Headings**: Poppins (with Arial fallback)
- **Body Text**: Lora (with Georgia fallback)

## Features

### Smart Font Application
- Applies Poppins font to headings (24pt and larger)
- Applies Lora font to body text
- Automatically falls back to Arial/Georgia if custom fonts unavailable

### Shape and Accent Colors
- Non-text shapes use accent colors
- Cycles through orange, blue, and green accents

## Technical Details

### Font Management
- Uses system-installed Poppins and Lora fonts when available
- Provides automatic fallback to Arial (headings) and Georgia (body)

### Color Application
- Uses RGB color values for precise brand matching
- Applied via python-pptx's RGBColor class
EOF

安装后的目录结构

# 个人全局安装
~/.claude/
  └── skills/
      └── brand-guidelines/
          ├── SKILL.md        # Skill 主指令文件（必需）
          └── LICENSE.txt     # Apache 2.0 许可证

# 项目级安装
your-project/
  └── .claude/
      └── skills/
          └── brand-guidelines/
              ├── SKILL.md
              └── LICENSE.txt

自动触发（推荐）

Claude 会根据对话上下文自动识别需要品牌样式的场景并加载该 Skill。只需在对话中提到相关需求：

# 在 Claude Code 中直接说：
"帮我把这个演示文稿应用 Anthropic 品牌样式"
"请使用 Anthropic 官方色彩和字体制作这个文档"
"给这个 HTML 页面加上 Anthropic 品牌外观"

手动调用

使用斜杠命令直接调用 Skill：

# 在 Claude Code 中输入：
/brand-guidelines

# 附带参数：
/brand-guidelines presentation.pptx

使用示例

# 用户输入：
"我有一个 presentation.pptx，请给它应用 Anthropic 品牌样式"

# Claude 将自动：
# 1. 加载 brand-guidelines skill
# 2. 将标题字体设为 Poppins（24pt+）
# 3. 将正文字体设为 Lora
# 4. 应用品牌主色调（#141413, #faf9f5 等）
# 5. 将形状使用强调色（Orange, Blue, Green 循环）

# 用户输入：
"创建一个 Anthropic 品牌风格的产品介绍页面"

# Claude 将应用：
# - 背景色: #faf9f5 (Light) 或 #141413 (Dark)
# - 标题: Poppins 字体，Dark 色
# - 正文: Lora 字体
# - CTA 按钮: #d97757 (Orange 强调色)
# - 链接: #6a9bcc (Blue 强调色)
# - 成功提示: #788c5d (Green 强调色)

# 在 Claude Code 中输入：
"What skills are available?"

# Claude 将列出所有已安装的 Skills，包括 brand-guidelines

字体管理

• • 优先使用系统已安装的 Poppins 和 Lora 字体
• • 自动降级到 Arial（标题）和 Georgia（正文）
• • 无需安装字体即可工作，系统字体保底

颜色应用机制

• • 使用 RGB 精确色值进行品牌匹配
• • 通过 python-pptx 的 RGBColor 类应用颜色
• • 跨平台保持色彩保真度

SKILL.md 文件结构

---
name: brand-guidelines          # Skill 名称，也是 /slash-command 名称
description: ...                 # Skill 描述，Claude 据此判断何时自动加载
---

# 标题                           # Markdown 指令内容
## 章节                           # Claude 被触发时遵循的指令
...

禁止 Claude 自动触发

如果只想手动调用，在 frontmatter 中添加：

---
name: brand-guidelines
description: Applies Anthropic's official brand colors and typography...
disable-model-invocation: true
---

限制工具权限

仅允许 Skill 使用特定工具：

---
name: brand-guidelines
description: ...
allowed-tools: Read, Write, Bash(python *)
---

在子代理中运行

隔离上下文运行，不影响主对话：

---
name: brand-guidelines
description: ...
context: fork
agent: general-purpose
---

Skill 优先级