geek-skills-notion-infographic

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 自己串行执行每个任务:

1. 按任务板顺序，依次执行 web_search + web_fetch
2. 每完成一个任务，将发现写入笔记块
3. 完成所有研究后进入 P2

P2: 提炼核心观点

Lead Agent 阅读所有研究笔记，执行:

1. 信息聚合 — 把分散的发现按大纲要点归类
2. 观点提炼 — 每个要点提炼 1 个可视化核心观点
3. 数据筛选 — 为每个观点挑选最有冲击力的数据/案例
4. 可视化评估 — 判断每个观点适合什么呈现形式

观点提炼规则

• 每张图/每页 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

根据主题和受众选择配色：

3.2 选择设计风格

3.3 版式规划 (Mode A: PPTX)

分类每一页为五种页面类型之一:

关键：布局多样性！

• 严禁连续使用相同布局
• 主动使用：左右分栏、大数字突出、时间轴、对比图、引用卡片、图标网格
• 内容类型匹配版式：关键数据→大数字页，对比→左右分栏，流程→时间轴

3.4 组图规划 (Mode B: 信息图)

组图结构:

第 1 张: 标题封面图 — 主题 + 核心价值主张
第 2~N-1 张: 内容图 — 每张一个核心观点 + 研究数据支撑
第 N 张: 总结/行动号召图

P4: 生成输出

Mode A: PPTX (PptxGenJS)

Read reference/pptx-generation.md for complete PptxGenJS guidance.

技术约束

工作流

1. 创建 slides/ 目录
2. 每页一个 JS 文件: slide-01.js, slide-02.js, ...
3. 每个文件 export 同步 createSlide(pres, theme) 函数
4. 创建 slides/compile.js 编排所有页
5. 运行 cd slides && node compile.js
6. 输出 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 文件模板

// slide-XX.js
const slideConfig = {
  type: 'content',  // cover | toc | section | content | summary
  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 页除外必须有)

// Circle Badge (默认)
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 验收清单

• 每页分类为五种类型之一
• 连续页无相同布局
• Theme 对象 key 正确 (primary/secondary/accent/light/bg)
• 所有颜色来自 theme，无自创颜色
• 正文不加粗，bold 仅用于标题
• Cover 外每页有页码徽章
• node compile.js 成功运行
• 生成的 .pptx 可正常打开

Mode B 验收清单

• 每张图的风格前缀和后缀完整无缺
• 内容描述融入了研究数据（不是空泛描述）
• 中文标注文字精简（每张不超过 30 字标注）
• 组图逻辑连贯（封面→内容→总结）
• 总张数在合理范围内

通用验收

• 所有数据来自研究笔记，无编造
• 统计数据标注年份和机构
• 金句/引用标注来源
• 研究笔记中没有的数据标注 [待验证]

美学设计原则 (Aesthetic Design Codex)

这些原则同时约束 Mode A 和 Mode B 的视觉输出。

核心六律

1. 一页一观点 — 每页/每图只传达一个核心信息。如果要说两件事，就用两页。
2. 留白即呼吸 — 最少 30% 面积留白。不要把内容撑满每个角落。眼睛需要休息的地方。
3. 层次即导航 — 用字号、颜色、位置建立信息层级。观者应 2 秒内知道先看什么。
4. 对比即注意力 — 相邻元素字号差 ≥20%。标题至少是正文的 2-3 倍。
5. 一致即专业 — 同一演示/组图内：配色、字体、间距、风格保持统一。
6. 多样即节奏 — 连续页不重复相同布局。通过版式变化创造视觉节奏感。

排版铁律

2025-2026 视觉趋势

可在设计决策阶段参考引入：

• 大标题时代 — 大胆夸张的标题字号，快速抓住注意力
• 极简美学 — 柔和配色 + 大量留白 + 清爽版式
• 深色模式 — 深色背景+亮色强调，适合科技和夜经济主题
• 流动形状 — 椭圆、圆形代替传统矩形块，创造有机感
• 涂鸦信息图 — 手绘风格的图表和图标，增加亲和力
• 莫兰迪色系 — 低饱和雾面感，适合时尚/艺术/高端品牌

Anti-Hallucination Rules

1. Lead Agent 不编造数据 — 所有数据必须来自研究笔记
2. 研究笔记中没有的数据标注 [待验证]
3. 子 Agent 只使用搜索结果中的真实信息
4. 金句/引用必须标注来源
5. 统计数据必须标注年份和机构

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