Article Metaphor Illustrator — Claude Skill

概述

将任意文章的核心思想、隐喻和概念，转化为极简强线条风格的插图。本 Skill 包含文章分析→隐喻提取→视觉翻译→插图生成的全流程。

核心角色：橙色小猫（Mascot）

角色作为固定主视觉参考。插图前必须读取此图片，严格遵循角色外形：

• 体型：圆胖、敦实
• 配色：橙色头背 + 奶白色脸腹和前爪
• 耳朵：小三角耳
• 五官：黑色椭圆眼睛 + 小鼻子

允许根据文章调整姿势和动作，但上述外形特征不可改变。最终插图使用极简强线条风格（不要复制参考图的厚重油画纹理）。

---

工作流程

Phase 1：文章理解与隐喻提取

1. 读取用户提供的文章全文
2. 分析文章核心主题、情感基调、关键隐喻
3. 提取 1-2 个最核心的视觉隐喻概念
4. 输出：{主题, 情感基调, 核心隐喻, 关键视觉元素}

Phase 2：概念构思（Conception）

根据 Phase 1 的输出，设计插图概念：

1. 构图布局：决定画面元素的排布方式
2. 角色姿态：确定橙猫在画面中的动作和表情
3. 视觉元素：映射隐喻到具体物体/符号
4. 色彩方案：遵循 Skill 色彩规范（见下文）
5. 概念卡：以 [概念卡] 格式输出设计说明

概念卡格式示例：

[概念卡]
画面描述：...
角色姿态：...
视觉隐喻：...
关键元素：...
情感表达：...

Phase 3：视觉翻译（Visual Translation）

将概念转化为具体的视觉语言：

Phase 4：插图生成

生成最终插图时严格遵循以下规范：

风格规范

• 线条：粗而均匀的黑色轮廓线（2-4px）
• 填色：平涂填色，无渐变
• 背景：留白为主，或极简单色背景
• 细节：克制，只保留传达核心隐喻的元素
• 整体：一目了然，避免过度复杂

色彩规范

• 主色：橙色 #FF8C42（角色身体）
• 辅色：奶白 #FFF5E6（角色脸腹）
• 强调色：根据文章情感选择（如蓝灰、暖黄等）
• 黑色：#1A1A1A（线条和眼睛）
• 全图使用不超过 4 种颜色 + 黑白

构图规范

• 角色置于画面视觉中心或焦点位置
• 关键视觉隐喻元素围绕角色展开
• 保持画面呼吸感，避免拥挤

---

参考系统

图表类型（Diagram Types）

根据文章类型选择适合的图表形式：

标注系统（Annotation System）

可在插图中选择性添加文字标注，遵循：

• 手写风格字体（如 Caveat、Kalam）
• 标注数量 ≤ 3 处
• 位置避开视觉焦点
• 颜色使用辅助色或黑色

---

Prompt 模板

分析模板

请分析以下文章的核心主题、情感基调和关键隐喻：
[文章内容]
输出格式：
- 主题：
- 情感基调：
- 核心隐喻：
- 关键视觉元素：

概念构思模板

基于以下分析，为插图设计概念方案：
主题：{主题}
情感基调：{基调}
核心隐喻：{隐喻}
关键视觉元素：{元素}
请设计 1 个清晰可读的视觉方案，以[概念卡]格式输出。

生成模板

请根据以下概念卡生成插图：
[概念卡的内容]
严格要求：
1. 角色使用极简强线条风格
2. 角色特征：圆胖橙色猫，白色脸腹，三角耳，黑色椭圆眼
3. 色彩使用不超过4+黑白色
4. 粗黑线条，平涂填色
5. 画面简洁，传达核心隐喻

---

参考文档

本 Skill 附带的详细参考位于同目录下：

---

使用方式

/skill article-metaphor-illustrator <文章内容或文章链接>

也可分步使用：

1. /skill article-metaphor-illustrator analyze <文章> — 仅分析
2. /skill article-metaphor-illustrator conceive <分析结果> — 仅概念构思
3. /skill article-metaphor-illustrator generate <概念卡> — 仅生成插图

---

示例产出

更多示例见 examples/ 目录。

---

版权声明

本项目概念启发自 ian-xiaohei-illustrations（MIT License）。

本仓库不包含 Xiaohei 角色素材。橙色小猫吉祥物、文章分析流程、图表路由、概念卡、校验规则和提示词系统均在本仓库中独立维护。

---

便携提示：将本文件夹整体移动到任意位置后，所有图片和参考文档的相对链接自动生效，无需额外修改。