Skill: xiaoliu166/youmind-ppt (version 1.0.0)

--- name: youmind-ppt description: "基于用户大纲生成 YouMind 插画风格的演示文稿（PPT）。这种风格的特征是：贯穿始终的可爱 IP 角色、蓝黄/蓝紫渐变背景、悬浮的 UI 元素（代码框、气泡通知、点状网络图）、2D 扁平矢量插画、极简信息图排版。当用户提到'YouMind 风格 PPT'、'插画风 PPT'、'IP 角色演示文稿'、'故事化 PPT'、'卡通风格幻灯片'、'英雄之旅 PPT'、'成长路线图演示'时，务必使用此技能。即使用户只是说'帮我把大纲做成那种可爱插画风的 PPT'、'做一个有 IP 角色贯穿的演示文稿'、'我要一个像信息图一样的 PPT'也应触发。适用于产品发布、个人成长故事、项目复盘、团队汇报、品牌故事等需要视觉叙事的场景。" --- # YouMind 插画风 PPT 生成技能 ## 核心理念 这不是一个"把文字搬到幻灯片上"的工具。它的使命是将用户的大纲**重构为一段视觉故事**——每一页都是故事中的一个场景，由一个贯穿始终的 IP 角色"演"出来。 最终产出是一份 `.pptx` 文件，每页幻灯片包含 AI 生成的 YouMind 风格插画 + 精炼的文案。 --- ## 工作流总览 ``` 用户大纲 → [阶段1] 叙事解构 → [阶段2] 逻辑视觉化 → [阶段3] YouMind 渲染 → 生成 PPTX ``` 每个阶段都产出一份中间产物，在进入下一阶段前需要确认。 --- ## 第〇步：确定 IP 角色 在一切开始之前，先和用户确定贯穿整个演示的 IP 角色。这个角色是整个 PPT 的灵魂——它会出现在每一页中，用不同的姿态和场景来"演绎"内容。 ### 预设角色（参考 `references/ip-presets.md`） 提供 4 个预设角色供用户快速选择，也支持用户自定义。向用户展示预设选项时，简要描述每个角色的性格和适用场景，让用户做出选择。 ### 自定义角色 如果用户选择自定义，需要收集： - 动物/形象类型（如：柴犬、小猫、机器人、小恐龙） - 标志性服饰或配件（如：穿宇航服、戴围巾、背书包） - 性格关键词（如：呆萌、热血、优雅） 将自定义角色的描述整理为一段标准化的英文描述短语，格式参照预设角色的描述方式。 --- ## 阶段1：叙事解构 (Narrative Deconstruction) **目标**：将大纲从"信息罗列"重构为"故事弧线"。 ### 思维方式 模仿 TED 演讲和苹果发布会的叙事节奏。不要做内容的搬运工——你是一个故事编剧。 ### 操作步骤 1. **扫描大纲**，识别其中隐含的情感曲线：起点在哪？转折在哪？高潮在哪？ 2. **重构为"英雄之旅"或"进化路径"**： - 起点（现状/痛点）→ 召唤（发现机会）→ 试炼（过程中的挑战）→ 蜕变（成果/突破）→ 新世界（未来愿景） - 不是每个大纲都适合完整的英雄之旅，可以截取其中的片段 3. **为每页提炼一个 Golden Sentence**： - 每一页只能有**一个**核心观点 - 这句话要有冲击力，像演讲者会大声说出来的那种 4. **将 Golden Sentence 转化为视觉动作**： - 不是说"销量增长" → 而是"小狗背起行囊登上山顶，身后是渐渐变亮的天空" - 不是说"团队协作" → 而是"三只小狗围坐在篝火旁，手中各拿着不同颜色的拼图" - 不是说"数据驱动" → 而是"小狗站在巨大的仪表盘前，指针正在飞速旋转" ### 阶段1产出 一张表格（在对话中展示给用户确认）： | 页码 | Golden Sentence | 视觉动作描述 | 叙事角色 | |------|----------------|-------------|---------| | 1 | "每个伟大故事都从一个问号开始" | IP角色躺在床上看手机，头顶飘着问号气泡 | 起点 | | 2 | ... | ... | ... | **等待用户确认后再进入阶段2。** --- ## 阶段2：逻辑视觉化 (Logic Visualization) **目标**：为每页内容找到最佳的视觉表达结构。 ### 思维方式 模仿手绘笔记（sketchnote）和 Twitter 信息图的视觉逻辑。关键是识别内容背后的**关系类型**，然后匹配对应的视觉结构。 ### 关系类型 → 视觉结构映射 详见 `references/visual-logic.md`，核心映射如下： | 关系类型 | 视觉结构 | 示例 | |---------|---------|------| | **递进/成长** | 成长路线图、台阶、登山路径 | Day 1 → Day 16 的进化时间线 | | **并列/多项** | 悬浮信息卡片、气泡矩阵 | 3 个并列的能力标签气泡 | | **对比/冲突** | 对比窗口、左右分屏 | Before vs After 对照 | | **因果/流程** | 箭头流、管道图 | 输入 → 处理 → 输出 | | **总分/层级** | 中心辐射、树形展开 | 核心概念 + 3 个分支 | | **数据/成就** | 大数字高亮 + 标签 | "1,157 Messages" 悬浮气泡 | ### 操作步骤 1. 逐页分析阶段1产出的内容，判断每页的逻辑关系类型 2. 为每页选定一个视觉结构 3. 确定每页的**视觉重心（Focus Point）**——用户目光首先落在哪里 4. 规划悬浮 UI 装饰元素的分布（代码框、气泡通知、进度条、点状网络等） ### 阶段2产出 在阶段1的表格基础上补充： | 页码 | Golden Sentence | 视觉动作 | 逻辑类型 | 视觉结构 | 视觉重心 | UI装饰 | |------|----------------|---------|---------|---------|---------|--------| **等待用户确认后再进入阶段3。** --- ## 阶段3：YouMind 风格渲染 (Visual Rendering) **目标**：为每页幻灯片生成 YouMind 风格的 AI 图片，并组装为最终 PPTX。 ### YouMind 风格规范 | 维度 | 要求 | |------|------| | **主体** | 贯穿始终的 IP 角色，每页用不同姿态/场景来表达内容 | | **背景** | 蓝黄渐变 或 蓝紫渐变，极简留白，不要复杂场景 | | **装饰** | 悬浮 UI 元素：代码框 `<html><body>`, 点状网络图, 气泡通知, 进度条, 设置齿轮, 文档图标 | | **风格** | 2D 扁平矢量, 干净线条, 专业信息图感, 温暖友好 | | **构图** | 16:9 横版, 主体偏左或偏右, 留出充足的文案空间 (copy space) | | **禁忌** | 不要写实风格, 不要 3D, 不要暗色调, 不要过度复杂的背景 | ### Prompt 生成模板 详见 `references/prompt-templates.md`，基础模板： ``` [IP角色描述] + [视觉动作] + [视觉结构] + [UI装饰元素], 2D flat vector, YouMind illustration style, professional infographic, clean lines, vibrant gradient background (blue to yellow/blue to purple), 16:9 aspect ratio, ample copy space on the [left/right] side, floating UI elements, cute and friendly, minimal and clean ``` ### 图片生成流程 1. 基于阶段2的规划，为每页组装完整的英文 Prompt 2. **调用可用的图片生成工具**生成图片： - 如果有 DALL-E / image generation MCP 可用 → 直接调用 - 如果没有 → 将所有 Prompt 整理成文档，让用户自行生成 3. 每张图片生成后保存到工作目录 ### PPTX 组装 使用 pptx 技能的 PptxGenJS 方式创建最终文件。先阅读 pptx 技能的 `pptxgenjs.md` 了解 API。 #### 每页幻灯片的结构 ``` ┌─────────────────────────────────────────────┐ │ │ │ [AI 生成的 YouMind 插画] │ │ （作为全幅背景或大面积主视觉） │ │ │ │ ┌──────────────────┐ │ │ │ Golden Sentence │ │ │ │ （白色/深色文字） │ │ │ └──────────────────┘ │ │ │ │ [补充说明文字，如果有的话] │ │ │ └─────────────────────────────────────────────┘ ``` #### 排版原则 - **图片为主**：每页的 AI 插画占据主要视觉面积（至少 60%） - **文字精炼**：Golden Sentence 用大号字体（28-36pt），补充文字用小号（14-16pt） - **文字位置**：放在 Prompt 中预留的 copy space 区域 - **半透明底板**：如果文字直接放在图片上不够清晰，加一个半透明深色/浅色底板 - **统一字体**：标题用粗体无衬线字体，正文用细体 #### 特殊页面 - **封面页**：IP 角色居中，标题大字号，副标题小字号，背景用最鲜艳的渐变 - **过渡页**：仅有 Golden Sentence + IP 角色的简约动作，大面积留白 - **数据页**：大数字突出显示（48-60pt），IP 角色在旁边做出惊讶/自豪的表情 - **结尾页**：IP 角色以"胜利/展望"姿态出现，配合号召性文字 --- ## 质量检查 生成 PPTX 后，必须进行以下检查： 1. **内容检查**：用 `python -m markitdown output.pptx` 提取文本，确认无遗漏 2. **视觉检查**：转换为图片逐页审查 ```bash libreoffice --headless --convert-to pdf output.pptx rm -f slide-*.jpg pdftoppm -jpeg -r 150 output.pdf slide ``` 如果 LibreOffice 不可用，跳过视觉检查，将文件直接提供给用户人工审查。 3. **审查要点**： - 文字是否清晰可读（对比度够不够） - 图片是否正确插入且不变形 - 每页是否只有一个核心观点 - IP 角色是否贯穿始终 - 整体色调是否和谐统一 --- ## 参考文件 本技能的 `references/` 目录包含详细的参考资料，在对应阶段按需读取： - `references/ip-presets.md` — 第〇步时读取，包含 4 个预设 IP 角色的详细描述和英文 Prompt 片段 - `references/visual-logic.md` — 阶段2时读取，包含 6 种逻辑关系类型的详细视觉结构选项、构图建议和 UI 装饰推荐 - `references/prompt-templates.md` — 阶段3时读取，包含各场景的完整 Prompt 示例和组装规则 --- ## 依赖 - **pptx 技能**（用于最终 PPTX 生成）— 如果环境中有 pptx 技能，先阅读其 SKILL.md 了解 PptxGenJS API；如果没有，用 `npm install pptxgenjs` 后直接编写 Node.js 脚本生成 - **图片生成工具**（DALL-E / 其他可用的图片生成 MCP）— 如果没有图片生成能力，将 Prompt 整理成文档交给用户自行生成 - `pip install "markitdown[pptx]"` — 内容检查用 - `npm install pptxgenjs` — PPTX 创建 - LibreOffice + Poppler — 视觉检查（可选，不可用时跳过）

path: references/ip-presets.md
content: # IP 角色预设库

提供 4 个预设角色供用户快速选择。每个角色都有明确的性格定位和适用场景。

---

## 预设 1：探索犬 Coco

- **形象**：圆头柴犬，橘黄色毛发，戴蓝色飞行员护目镜
- **英文描述**：A cute round-headed Shiba Inu with orange fur, wearing blue aviator goggles on its head, small backpack on its back
- **性格**：好奇、勇敢、乐观
- **适用场景**：产品发布、技术探索、创业故事、成长旅程
- **标志动作**：举起爪子指向远方、背着小包出发、站在山顶眺望

## 预设 2：学霸猫 Miu

- **形象**：灰白色英短猫，戴圆框眼镜，脖子上挂着小铃铛
- **英文描述**：A cute grey-and-white British Shorthair cat wearing round glasses, with a small bell on its collar, holding a tiny book or tablet
- **性格**：沉稳、专注、偶尔犯迷糊
- **适用场景**：技术分享、数据分析、知识科普、学习复盘
- **标志动作**：推眼镜、翻书、在白板前讲解、盯着屏幕思考

## 预设 3：元气兔 Bun

- **形象**：白色垂耳兔，粉色内耳，穿黄色小卫衣
- **英文描述**：A cute white lop-eared rabbit with pink inner ears, wearing a yellow hoodie, energetic and cheerful expression
- **性格**：活泼、热情、感染力强
- **适用场景**：团队汇报、品牌宣传、用户增长故事、社区运营
- **标志动作**：举手欢呼、和伙伴击掌、跳跃庆祝、拿着旗帜

## 预设 4：赛博龙 Pixel

- **形象**：迷你小恐龙，薄荷绿色，身上有发光的电路纹路，小翅膀
- **英文描述**：A mini dinosaur in mint green color with glowing circuit patterns on its body, small wings, futuristic and tech-savvy look
- **性格**：酷、极客、偶尔卖萌
- **适用场景**：AI/科技主题、工程效能、系统架构、未来愿景
- **标志动作**：敲键盘、放出全息投影、展开翅膀、眼睛发光

---

## 自定义角色模板

如果用户选择自定义，需要收集以下信息并整理为标准英文描述：

```
A cute [动物/形象类型] with [主要外观特征], wearing/holding [标志性服饰或配件], [性格关键词] expression
```

**示例**：
- 输入：小企鹅、穿红围巾、呆萌
- 输出：A cute little penguin with round body, wearing a red scarf, adorable and slightly dazed expression


path: references/prompt-templates.md
content: # YouMind 风格 Prompt 模板

本文档提供 AI 图片生成的 Prompt 模板和示例。所有 Prompt 均为英文，以获得最佳生成效果。

---

## 基础模板

```
[IP角色描述], [视觉动作], [视觉结构描述], [UI装饰元素],
2D flat vector illustration, YouMind style, professional infographic aesthetic,
clean lines, soft shadows, vibrant gradient background (blue to yellow OR blue to purple),
16:9 aspect ratio, ample copy space on the [left/right/bottom] side,
floating UI elements, cute and friendly, minimal and clean composition
```

---

## 各场景 Prompt 示例

### 封面页

```
[IP角色描述] standing confidently in the center, waving hello,
surrounded by floating UI elements (code editor window, chat bubbles, notification badges, network dots),
2D flat vector illustration, YouMind style, professional infographic aesthetic,
clean lines, soft shadows, vibrant blue-to-yellow gradient background,
16:9 aspect ratio, large copy space on the bottom for title text,
floating UI elements, cute and friendly, minimal and clean, hero shot composition
```

### 递进/成长页

```
[IP角色描述] walking along a winding path from bottom-left to top-right,
passing through 4 milestone markers (each with a small icon),
the path glows progressively brighter from start to end,
2D flat vector illustration, YouMind style, professional infographic aesthetic,
clean lines, vibrant blue-to-purple gradient background,
16:9 aspect ratio, copy space on the right side,
floating progress bar at top, small achievement badges floating nearby,
cute and friendly, growth journey visualization
```

### 数据/成就页

```
[IP角色描述] standing next to a giant floating number "1,157",
looking up with amazed expression, small sparkles around the number,
floating stat bubbles nearby showing percentages and trend arrows,
2D flat vector illustration, YouMind style, professional infographic aesthetic,
clean lines, vibrant blue-to-yellow gradient background,
16:9 aspect ratio, copy space on the left side,
floating UI notification badges, data dashboard elements in background,
cute and friendly, celebration moment
```

### 对比页

```
[IP角色描述] standing in the center between two floating screens,
left screen shows old/grey interface (faded), right screen shows new/colorful interface (glowing),
a large arrow points from left to right,
2D flat vector illustration, YouMind style, professional infographic aesthetic,
clean lines, vibrant blue-to-purple gradient background,
16:9 aspect ratio, copy space at the bottom,
floating comparison labels, before/after indicators,
cute and friendly, transformation visualization
```

### 流程页

```
[IP角色描述] operating a control panel at the start of a pipeline,
3 connected modules flowing left to right with arrows between them,
each module is a rounded rectangle with an icon inside,
2D flat vector illustration, YouMind style, professional infographic aesthetic,
clean lines, vibrant blue-to-yellow gradient background,
16:9 aspect ratio, copy space on the right side,
floating code snippet window, gear icons, data flow particles,
cute and friendly, workflow visualization
```

### 并列/多项页

```
[IP角色描述] in the center, surrounded by 4 floating info cards,
each card has a colorful icon and a short label,
cards are arranged in a semi-circle above and around the character,
2D flat vector illustration, YouMind style, professional infographic aesthetic,
clean lines, vibrant blue-to-purple gradient background,
16:9 aspect ratio, copy space on the bottom,
floating tag bubbles, small decorative dots and lines,
cute and friendly, feature showcase layout
```

### 结尾页

```
[IP角色描述] standing on a hilltop with arms raised in victory pose,
looking toward a bright sunrise on the horizon,
small confetti and star particles floating around,
2D flat vector illustration, YouMind style, professional infographic aesthetic,
clean lines, vibrant blue-to-yellow gradient background,
16:9 aspect ratio, large copy space on the top for closing message,
floating heart and star icons, celebration mood,
cute and friendly, inspiring conclusion
```

---

## Prompt 组装规则

1. **IP 角色描述**必须在 Prompt 最前面，确保角色是画面主体
2. **视觉动作**紧跟角色描述，要具体（不是 "standing"，而是 "standing on top of a giant bar chart, pointing upward"）
3. **风格关键词**必须包含：`2D flat vector`, `YouMind style`, `professional infographic`
4. **背景**只用两种：`blue to yellow` 或 `blue to purple`，根据情绪选择（暖/成就用蓝黄，冷静/专业用蓝紫）
5. **Copy Space**必须指定方向，确保文字有地方放
6. **禁止出现的词**：`realistic`, `3D`, `photographic`, `dark`, `complex background`, `text`（避免 AI 在图中生成文字）

## 背景色选择指南

| 情绪/场景 | 推荐渐变 |
|---------|---------|
| 开场/欢迎/温暖 | blue to yellow |
| 成就/庆祝/能量 | blue to yellow |
| 分析/技术/冷静 | blue to purple |
| 挑战/对比/转折 | blue to purple |
| 结尾/展望/希望 | blue to yellow |


path: references/visual-logic.md
content: # 视觉逻辑映射指南

本文档定义了内容逻辑关系与视觉结构之间的映射规则。阶段2中，为每页内容选择视觉结构时参考此文件。

---

## 核心映射表

### 1. 递进 / 成长

**识别信号**：时间线、阶段、从 A 到 B 的变化、"第一步...第二步..."、进化

| 视觉结构 | 适用情况 | 构图建议 |
|---------|---------|---------|
| 成长路线图 | 3-5 个阶段的演进 | IP 角色在路径上行走，路径从左下到右上 |
| 台阶/阶梯 | 明确的层级提升 | IP 角色站在不同高度的台阶上 |
| 登山路径 | 长期目标达成 | IP 角色在蜿蜒山路上，标记关键里程碑 |
| 时间轴 | 按时间排列的事件 | 水平时间线，IP 角色在关键节点上互动 |

**UI 装饰**：进度条、里程碑标记、日期标签、✓ 完成勾选

### 2. 并列 / 多项

**识别信号**：列举、"包括..."、多个同级选项、特性列表

| 视觉结构 | 适用情况 | 构图建议 |
|---------|---------|---------|
| 悬浮信息卡片 | 3-4 个并列项目 | 卡片环绕 IP 角色悬浮 |
| 气泡矩阵 | 5+ 个关键词/标签 | 大小不一的气泡围绕中心 |
| 图标网格 | 功能/特性展示 | 2x2 或 3x2 网格，每格配图标 |

**UI 装饰**：标签气泡、图标徽章、彩色标记点

### 3. 对比 / 冲突

**识别信号**：before/after、vs、"相比..."、优缺点、传统方式 vs 新方式

| 视觉结构 | 适用情况 | 构图建议 |
|---------|---------|---------|
| 左右分屏 | 两个方案对比 | 左右各一个场景，IP 角色在中间 |
| 对比窗口 | 数据对比 | 两个悬浮窗口，用颜色区分好坏 |
| 天平/跷跷板 | 权重比较 | IP 角色站在天平中央 |

**UI 装饰**：✗/✓ 标记、红绿色对比条、对比箭头

### 4. 因果 / 流程

**识别信号**："因为...所以..."、步骤、流水线、输入→输出

| 视觉结构 | 适用情况 | 构图建议 |
|---------|---------|---------|
| 箭头流 | 简单的 A→B→C | IP 角色站在流程起点，箭头贯穿 |
| 管道图 | 数据/信息流转 | 管道连接不同模块，IP 角色操作阀门 |
| 漏斗 | 筛选/转化过程 | 从宽到窄的漏斗，IP 角色在旁观察 |

**UI 装饰**：流程箭头、代码框 `input → process → output`、齿轮图标

### 5. 总分 / 层级

**识别信号**：核心+分支、"主要包含..."、组织架构、分类

| 视觉结构 | 适用情况 | 构图建议 |
|---------|---------|---------|
| 中心辐射 | 1 个核心 + 3-5 个分支 | IP 角色在中心，分支向四周延伸 |
| 树形展开 | 层级分类 | IP 角色在树根，内容向上生长 |
| 嵌套圆环 | 包含关系 | 同心圆，IP 角色在最外层指向核心 |

**UI 装饰**：连接线、层级标签、分支节点

### 6. 数据 / 成就

**识别信号**：数字、百分比、KPI、里程碑数据、"增长了..."

| 视觉结构 | 适用情况 | 构图建议 |
|---------|---------|---------|
| 大数字高亮 | 1-2 个关键数据 | 巨大数字占据画面中心，IP 角色在旁惊叹 |
| 仪表盘 | 多维度数据 | 仪表盘界面，IP 角色在前方操作 |
| 柱状/趋势图 | 增长趋势 | 简化的图表，IP 角色站在最高柱上 |

**UI 装饰**：悬浮数字气泡 "1,157"、百分比标签、趋势箭头 ↑

---

## 视觉重心（Focus Point）规划

每页必须有且只有一个视觉重心——用户目光首先落到的地方。

**规则**：
- 封面页：重心在 IP 角色（居中偏上）
- 内容页：重心在核心信息（Golden Sentence 或关键数据）
- 过渡页：重心在 IP 角色的动作

**Copy Space 规划**：
- 图片主体偏左 → 文案空间在右侧
- 图片主体偏右 → 文案空间在左侧
- 图片主体居中偏上 → 文案空间在下方


Security scan verdicts — ClawScan: clean | static analysis: clean | VirusTotal: clean | SkillSpector: clean (LOW)