| name | Geek-skills-notion-infographic |
| version | 2.0.0 |
| description | 基于大纲自动研究并生成高质量可视化内容的 Agent Pipeline。 支持两种输出模式：(A) PPTX 演示文稿（PptxGenJS 编程生成，含完整设计系统）； (B) 信息图提示词组图（Notion 手绘风 / 多风格可选，可直接用于 imageGen / DALL·E）。 用户只需提供主题大纲或关键词，skill 自动启动专家子 Agent 并行抓取信息， 主 Agent 负责规划、设计决策和验收，最终输出风格统一的高质量视觉内容。 触发场景："帮我做一组信息图"、"生成 Notion 风格图片"、"做个PPT"、"做个演示文稿"、 "把这个大纲做成图"、"infographic"、"信息图"、"手绘信息图"、"图解"、 "把这篇文章可视化"、"做成社交媒体传播图"、"小红书图文"、"slides"、 "presentation"、"deck"、"pptx"、"演示文稿"、"汇报PPT"。 即使用户没有明确说"信息图"或"PPT"，但在提供大纲/要点并要求可视化传播时也应触发。 当用户上传文章/文稿并要求"做成图"、"可视化"、"做成演示"时，同样触发此 skill。
|
| compatibility | Requires web_search and web_fetch. Optimal with subagent dispatch (Claude Code, Cowork). Degrades gracefully to single-thread on Claude.ai. Mode A (PPTX): Requires Node.js + pptxgenjs. Mode B (Infographic): Requires imageGen tool or manual use of prompts.
|
Notion Infographic & Presentation Generator — Agent Pipeline V2
用户给大纲，Agent 去研究 + 设计，你只管 Plan 和验收。
Architecture
User Outline / Topic
↓
P0: 环境检测 + 输入解析 + 输出模式决策
↓
Lead Agent (你 — 永远不搜索)
│
P1: 研究任务板 (拆解大纲为研究任务)
│
Dispatch ──→ Expert A ──→ writes task-a.md ──┐
──→ Expert B ──→ writes task-b.md ──┤ (parallel)
──→ Expert C ──→ writes task-c.md ──┘
│ │
│ workspace/research-notes/ <────────────┘
│
P2: Read notes → 提炼核心观点
P3: 设计决策 (风格选择 + 配色 + 版式规划)
P4: 生成输出
│ ├─ Mode A: PptxGenJS → .pptx 文件
│ └─ Mode B: 信息图提示词 → imageGen / 文本输出
P5: QA 验收 + 输出
P0: 环境检测 + 输出模式决策
1. 检测子 Agent 能力:
- Claude Code / Cowork: YES → 并行派遣
- Claude.ai: NO → 降级模式 (Lead 自己串行执行研究)
2. 可用工具检测:
- web_search / web_fetch → 研究能力
- Node.js + pptxgenjs → Mode A 可用
- imageGen → Mode B 可直接出图
- 均无 → Mode B 输出提示词文本
3. 输出模式决策 (优先级: 用户指定 > 场景推断):
- 用户说 "PPT/演示文稿/slides/deck" → Mode A
- 用户说 "信息图/图解/小红书/社交媒体" → Mode B
- 未指定 → 推断：汇报/培训/商务 → A；传播/科普/内容营销 → B
4. 解析用户输入:
- 纯主题/关键词 → 需要全面研究
- 大纲/要点列表 → 按要点研究
- 完整文稿 → 提炼观点后补充研究
- 用户指定张数/页数? → 记录，优先级最高
P1: 研究任务板
Lead Agent 将用户大纲拆解为 3-6 个研究任务。每个任务分配一个专家角色。
Read reference/subagent-prompt.md for the prompt template.
任务板格式
# Research Task Board
Topic: {用户主题}
Output Mode: {A: PPTX / B: Infographic}
Outline Points: {大纲要点列表}
## Group A (parallel — 核心观点研究)
Task A: [行业分析师] — 研究 {观点1} 的数据支撑和案例
Task B: [技术专家] — 研究 {观点2} 的技术细节和趋势
Task C: [用户研究员] — 研究 {观点3} 的用户痛点和故事
## Group B (parallel — 补充素材)
Task D: [数据挖掘师] — 搜集相关统计数据和图表素材
Task E: [案例猎手] — 搜集经典案例和金句
任务分配原则
- 每个大纲要点至少分配 1 个研究任务
- 优先研究"需要数据/案例支撑"的观点
- 纯观点类（不需要外部信息）可跳过研究
- 总任务数控制在 3-6 个
环境适配派遣
Claude Code / Cowork (有子Agent):
for task in a b c; do
claude -p "$(cat workspace/prompts/task-${task}.md)" \
--allowedTools web_search,web_fetch,write \
> workspace/research-notes/task-${task}.md &
done
wait
Claude.ai (降级):
Lead Agent 自己串行执行每个任务:
- 按任务板顺序，依次执行 web_search + web_fetch
- 每完成一个任务，将发现写入笔记块
- 完成所有研究后进入 P2
P2: 提炼核心观点
Lead Agent 阅读所有研究笔记，执行:
- 信息聚合 — 把分散的发现按大纲要点归类
- 观点提炼 — 每个要点提炼 1 个可视化核心观点
- 数据筛选 — 为每个观点挑选最有冲击力的数据/案例
- 可视化评估 — 判断每个观点适合什么呈现形式
观点提炼规则
- 每张图/每页 slide 只承载 1 个核心观点
- 观点不足时不强行凑数
- 观点过多时合并相近内容
- 硬上限：不超过 12 张/页
P3: 设计决策
Read reference/design-system.md for the complete design system.
这是 V2 的核心升级点 — 把美学决策系统化而不是凭感觉。
3.1 选择配色方案
Read reference/design-system.md → Color Palette Reference
根据主题和受众选择配色：
| 场景 | 推荐色板 |
|---|
| 商务/年报/财务 | Business & Authority (#2b2d42 系) |
| 科技/产品发布 | Vibrant & Tech (#023047 系) 或 Tech & Night (#000814 系) |
| 教育/数据报告 | Education & Charts (#264653 系) |
| 健康/咨询 | Modern & Wellness (#006d77 系) |
| 创意/时尚/生活 | Soft & Creative (#cdb4db 系) 或 Elegant & Fashion (#edafb8 系) |
| 自然/环保/ESG | Nature & Outdoors (#606c38 系) 或 Forest & Eco (#dad7cd 系) |
3.2 选择设计风格
| 风格 | 特征 | 适用 |
|---|
| Sharp | 直角、实线、高对比 | 商务、科技、金融 |
| Soft | 微圆角(4-8px)、柔和阴影 | 教育、咨询、通用 |
| Rounded | 大圆角(12-20px)、友好感 | 消费、社交、年轻受众 |
| Pill | 全圆角胶囊形、现代感 | 创意、科技产品、SaaS |
| Notion手绘 | 马克笔线稿、涂鸦感、大留白 | 信息图、社媒传播、科普 |
3.3 版式规划 (Mode A: PPTX)
分类每一页为五种页面类型之一:
| 类型 | 用途 | 内容 |
|---|
| Cover | 开场定调 | 大标题+副标题+日期+视觉元素 |
| TOC | 导航预期 | 章节列表(3-5节) |
| Section Divider | 章节过渡 | 章节标题+引用/数据 |
| Content | 核心内容 | 观点+数据+图表+视觉 |
| Summary | 总结收束 | 核心要点回顾+CTA |
关键：布局多样性！
- 严禁连续使用相同布局
- 主动使用：左右分栏、大数字突出、时间轴、对比图、引用卡片、图标网格
- 内容类型匹配版式：关键数据→大数字页，对比→左右分栏，流程→时间轴
3.4 组图规划 (Mode B: 信息图)
| 内容长度 | 通常观点数 | 参考张数 |
|---|
| 短内容 (<500字) | 2-4 | 3-5 张 |
| 中等 (500-1500字) | 4-7 | 5-8 张 |
| 长内容 (>1500字) | 6-10 | 8-12 张 |
组图结构:
第 1 张: 标题封面图 — 主题 + 核心价值主张
第 2~N-1 张: 内容图 — 每张一个核心观点 + 研究数据支撑
第 N 张: 总结/行动号召图
P4: 生成输出
Mode A: PPTX (PptxGenJS)
Read reference/pptx-generation.md for complete PptxGenJS guidance.
技术约束
| 项目 | 值 |
|---|
| 尺寸 | 10" x 5.625" (LAYOUT_16x9) |
| 颜色 | 6位hex不带# (如 "FF0000") |
| 英文字体 | Arial (默认) |
| 中文字体 | Microsoft YaHei (微软雅黑) |
| 页码位置 | x: 9.3", y: 5.1" |
| Theme keys | primary, secondary, accent, light, bg |
工作流
- 创建
slides/ 目录
- 每页一个 JS 文件:
slide-01.js, slide-02.js, ...
- 每个文件 export 同步
createSlide(pres, theme) 函数
- 创建
slides/compile.js 编排所有页
- 运行
cd slides && node compile.js
- 输出
slides/output/presentation.pptx
Theme Object Contract (强制)
const theme = {
primary: "22223b",
secondary: "4a4e69",
accent: "9a8c98",
light: "c9ada7",
bg: "f2e9e4"
};
绝对不要使用其他 key name 如 background, text, muted, darkest。
Slide 文件模板
const slideConfig = {
type: 'content',
index: 2,
title: 'Slide Title'
};
function createSlide(pres, theme) {
const slide = pres.addSlide();
slide.background = { color: theme.bg };
return slide;
}
if (require.main === module) {
const pptxgen = require("pptxgenjs");
const pres = new pptxgen();
pres.layout = 'LAYOUT_16x9';
const theme = { primary:"22223b", secondary:"4a4e69",
accent:"9a8c98", light:"c9ada7", bg:"f2e9e4" };
createSlide(pres, theme);
pres.writeFile({ fileName: `slide-${String(slideConfig.index).padStart(2,'0')}-preview.pptx` });
}
module.exports = { createSlide, slideConfig };
页码徽章 (Cover 页除外必须有)
slide.addShape(pres.shapes.OVAL, {
x: 9.3, y: 5.1, w: 0.4, h: 0.4,
fill: { color: theme.accent }
});
slide.addText("3", {
x: 9.3, y: 5.1, w: 0.4, h: 0.4,
fontSize: 12, fontFace: "Arial",
color: "FFFFFF", bold: true,
align: "center", valign: "middle"
});
PptxGenJS 关键陷阱
- 绝不复用选项对象 — PptxGenJS 会原地修改对象(如 shadow 值转 EMU)。用工厂函数生成新对象。
- createSlide 必须同步 — 不能是 async function
- 颜色不带 # —
"FF0000" 不是 "#FF0000"
- 正文不加粗 — bold 只用于标题和 heading
- 只用 theme 里的颜色 — 不要自己发明颜色
Mode B: 信息图提示词
Read reference/style-guide.md for style specifications.
每张图的提示词 = 风格前缀 + 内容描述 + 风格后缀
内容描述是唯一的变量区域，需要:
- 描述画面场景（简洁、视觉化）
- 融入研究数据（转化为图表/数字元素）
- 指定中文标注文字
- 保持大量留白和呼吸感
P5: QA 验收
Mode A 验收清单
Mode B 验收清单
通用验收
美学设计原则 (Aesthetic Design Codex)
这些原则同时约束 Mode A 和 Mode B 的视觉输出。
核心六律
- 一页一观点 — 每页/每图只传达一个核心信息。如果要说两件事，就用两页。
- 留白即呼吸 — 最少 30% 面积留白。不要把内容撑满每个角落。眼睛需要休息的地方。
- 层次即导航 — 用字号、颜色、位置建立信息层级。观者应 2 秒内知道先看什么。
- 对比即注意力 — 相邻元素字号差 ≥20%。标题至少是正文的 2-3 倍。
- 一致即专业 — 同一演示/组图内：配色、字体、间距、风格保持统一。
- 多样即节奏 — 连续页不重复相同布局。通过版式变化创造视觉节奏感。
排版铁律
| 规则 | 说明 |
|---|
| 字体 ≤ 2 种 | 标题/正文各一种，不要混搭三种以上 |
| 配色 ≤ 5 色 | 使用设计系统中的配色方案 |
| 关键词不超过 6 词/行 | 6×6 规则：每张不超过 6 个要点，每行不超过 6 词 |
| 对齐方式统一 | 左对齐或居中，不要混用 |
| 元素间距一致 | 相关元素近，无关元素远 (Proximity) |
2025-2026 视觉趋势
可在设计决策阶段参考引入：
- 大标题时代 — 大胆夸张的标题字号，快速抓住注意力
- 极简美学 — 柔和配色 + 大量留白 + 清爽版式
- 深色模式 — 深色背景+亮色强调，适合科技和夜经济主题
- 流动形状 — 椭圆、圆形代替传统矩形块，创造有机感
- 涂鸦信息图 — 手绘风格的图表和图标，增加亲和力
- 莫兰迪色系 — 低饱和雾面感，适合时尚/艺术/高端品牌
Anti-Hallucination Rules
- Lead Agent 不编造数据 — 所有数据必须来自研究笔记
- 研究笔记中没有的数据标注 [待验证]
- 子 Agent 只使用搜索结果中的真实信息
- 金句/引用必须标注来源
- 统计数据必须标注年份和机构
Progress Reporting
[P0] 环境: {claude.ai/code}. 输出模式: {A/B}. 输入类型: {大纲/文稿/关键词}.
[P1] 任务板: {N} 个研究任务, {M} 组并行. 派遣中...
[P1 task-X done] {N} 条发现, {M} 个数据点.
[P1 all done] 研究完成. {总发现数} 条发现, {总源数} 个来源.
[P2] 提炼 {N} 个核心观点.
[P3] 设计决策: 配色={色板名}, 风格={风格名}, 版式={N}页规划.
[P4] 生成中... {已完成}/{总数}
[P5] QA {通过/失败}. 输出完成.
Dependencies
| 工具 | 用途 | 安装 |
|---|
| markitdown | 读取已有 PPTX | pip install "markitdown[pptx]" |
| pptxgenjs | 从零创建 PPTX (Mode A) | npm install -g pptxgenjs |
| react-icons | SVG 图标 (可选) | npm install -g react-icons react react-dom sharp |
