画布视觉设计

生成海报、信息图等视觉资产时使用。

安装

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

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

Skill 正文

## 这个 Skill 做什么

生成 **海报、信息图、视觉资产** 的设计流程与规范。

## 你可以用它完成

- 活动海报、 **社交媒体配图**
- 信息图、 **流程示意图** 的视觉结构

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

- 「做一张 1080×1920 发布会海报，主色蓝，标题 MrWhale 2.0」
- 「把数据要点做成信息图布局说明」

画布视觉设计 — 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/canvas-design ~/.claude/skills/
```
重启 Claude Code 后，在 MrWhale 网关下用中文描述任务即可。

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

Skill 正文

## 这个 Skill 做什么

生成 **海报、信息图、视觉资产** 的设计流程与规范。

## 你可以用它完成

- 活动海报、 **社交媒体配图**
- 信息图、 **流程示意图** 的视觉结构

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

- 「做一张 1080×1920 发布会海报，主色蓝，标题 MrWhale 2.0」
- 「把数据要点做成信息图布局说明」