infographics

信息图表

概览

信息图表是信息、数据或知识的可视化呈现形式，旨在快速、清晰地展示复杂内容。此技能使用 Nano Banana Pro AI 生成信息图表，并由 Gemini 3 Pro 进行质量审核，同时使用 Perplexity Sonar 开展研究。

工作原理：

• （可选）研究阶段：使用 Perplexity Sonar 收集准确的事实和统计数据
• 用自然语言描述你想要的信息图表
• Nano Banana Pro 自动生成适合出版的信息图表
• Gemini 3 Pro 根据文档类型对应的质量门槛审核质量
• 智能迭代：仅在质量低于门槛时重新生成
• 几分钟内即可获得专业级成品
• 无需设计技能

各文档类型的质量门槛：

文档类型	门槛	描述
marketing	8.5/10	营销材料——必须具有吸引力
report	8.0/10	商业报告——达到专业水准
presentation	7.5/10	幻灯片、演讲——清晰且引人入胜
social	7.0/10	社交媒体内容
internal	7.0/10	内部使用
draft	6.5/10	工作草稿
default	7.5/10	通用用途

只需描述你的需求，Nano Banana Pro 就会为你创建。

快速入门

只需描述信息图表，即可生成：

# Generate a list infographic (default threshold 7.5/10)
python skills/infographics/scripts/generate_infographic.py \
  "5 benefits of regular exercise" \
  -o figures/exercise_benefits.png --type list

# Generate for marketing (highest threshold: 8.5/10)
python skills/infographics/scripts/generate_infographic.py \
  "Product features comparison" \
  -o figures/product_comparison.png --type comparison --doc-type marketing

# Generate with corporate style
python skills/infographics/scripts/generate_infographic.py \
  "Company milestones 2010-2025" \
  -o figures/timeline.png --type timeline --style corporate

# Generate with colorblind-safe palette
python skills/infographics/scripts/generate_infographic.py \
  "Heart disease statistics worldwide" \
  -o figures/health_stats.png --type statistical --palette wong

# Generate WITH RESEARCH for accurate, up-to-date data
python skills/infographics/scripts/generate_infographic.py \
  "Global AI market size and growth projections" \
  -o figures/ai_market.png --type statistical --research

幕后流程：

1. （可选）研究：Perplexity Sonar 收集准确的事实、统计数据和资料
2. 生成 1：Nano Banana Pro 遵循设计最佳实践，创建初始信息图表
3. 审核 1：Gemini 3 Pro 根据文档类型对应的质量门槛评估质量
4. 决策：如果质量 >= 门槛 → 完成（无需继续迭代！）
5. 如果低于门槛：根据评审意见改进提示词，然后重新生成
6. 重复：直到质量达到门槛或达到最大迭代次数

智能迭代的优势：

• ✅ 如果首次生成的结果已足够好，可节省 API 调用
• ✅ 对营销材料采用更高的质量标准
• ✅ 加快草稿和内部用途内容的交付
• ✅ 为每种用途提供适当的质量

输出：带版本号的图片，以及详细的审核日志，其中包含质量评分、评审意见和提前停止信息。

何时使用此技能

在以下情况下使用 infographics 技能：

• 以可视化形式呈现数据或统计信息
• 为项目里程碑或历史创建时间线可视化图表
• 说明流程、工作流或分步指南
• 并排比较选项、产品或概念
• 以引人入胜的可视化形式总结要点
• 创建地理或基于地图的数据可视化图表
• 构建层级图或组织结构图
• 设计社交媒体内容或营销材料

以下情况请改用 scientific-schematics：

• 技术流程图和电路图
• 生物通路和分子图
• 神经网络架构图
• CONSORT/PRISMA 方法图

---

研究集成

自动收集数据（--research）

创建需要准确、最新数据的信息图表时，使用 --research 标志，通过 Perplexity Sonar Pro 自动收集事实和统计数据。

# Research and generate statistical infographic
python skills/infographics/scripts/generate_infographic.py \
  "Global renewable energy adoption rates by country" \
  -o figures/renewable_energy.png --type statistical --research

# Research for timeline infographic
python skills/infographics/scripts/generate_infographic.py \
  "History of artificial intelligence breakthroughs" \
  -o figures/ai_history.png --type timeline --research

# Research for comparison infographic
python skills/infographics/scripts/generate_infographic.py \
  "Electric vehicles vs hydrogen vehicles comparison" \
  -o figures/ev_hydrogen.png --type comparison --research

研究内容

研究阶段会自动：

1. 收集关键事实：有关主题的 5-8 条相关事实和统计数据
2. 提供背景信息：为准确呈现提供背景资料
3. 查找数据点：具体数字、百分比和日期
4. 引用来源：提及主要研究或来源
5. 优先采用近期信息：重点关注 2023-2026 年的信息

何时使用研究

在以下情况下启用研究（--research）：

• 需要准确数字的统计信息图
• 市场数据、行业统计数据或趋势
• 科学或医疗信息
• 时事或近期进展
• 任何准确性至关重要的主题

在以下情况下跳过研究：

• 简单的概念信息图
• 内部流程文档
• 提示词中已提供所有数据的主题
• 对生成速度要求较高

研究输出

启用研究后，会创建其他文件：

• {name}_research.json - 原始研究数据和来源
• 研究内容会自动纳入信息图提示词

---

信息图类型

1. 统计/数据驱动型（--type statistical）

适用于：展示数字、百分比、调查结果和定量数据。

**关键元素：**图表（柱状图、饼图、折线图、环形图）、醒目的数字标注、数据对比、趋势指标。

python skills/infographics/scripts/generate_infographic.py \
  "Global internet usage 2025: 5.5 billion users (68% of population), \
   Asia Pacific 53%, Europe 15%, Americas 20%, Africa 12%" \
  -o figures/internet_stats.png --type statistical --style technology

---

2. 时间线（--type timeline）

适用于：历史事件、项目里程碑、公司历史、概念演变。

**关键元素：**时间顺序、日期标记、事件节点、连接线。

python skills/infographics/scripts/generate_infographic.py \
  "History of AI: 1950 Turing Test, 1956 Dartmouth Conference, \
   1997 Deep Blue, 2016 AlphaGo, 2022 ChatGPT" \
  -o figures/ai_history.png --type timeline --style technology

---

3. 流程/操作指南（--type process）

适用于：分步说明、工作流、流程、教程。

**关键元素：**编号步骤、方向箭头、操作图标、清晰的流程。

python skills/infographics/scripts/generate_infographic.py \
  "How to start a podcast: 1. Choose your niche, 2. Plan content, \
   3. Set up equipment, 4. Record episodes, 5. Publish and promote" \
  -o figures/podcast_process.png --type process --style marketing

---

4. 对比（--type comparison）

适用于：产品对比、优缺点、前后对照、选项评估。

**关键元素：**并列布局、对应类别、勾选/叉号标记。

python skills/infographics/scripts/generate_infographic.py \
  "Electric vs Gas Cars: Fuel cost (lower vs higher), \
   Maintenance (less vs more), Range (improving vs established)" \
  -o figures/ev_comparison.png --type comparison --style nature

---

5. 列表/信息型（--type list）

适用于：技巧、事实、要点、摘要、速查指南。

**关键元素：**编号或项目符号列表、图标、清晰的层级结构。

python skills/infographics/scripts/generate_infographic.py \
  "7 Habits of Highly Effective People: Be Proactive, \
   Begin with End in Mind, Put First Things First, Think Win-Win, \
   Seek First to Understand, Synergize, Sharpen the Saw" \
  -o figures/habits.png --type list --style corporate

---

6. 地理型（--type geographic）

适用于：区域数据、人口统计、基于位置的统计数据、全球趋势。

**关键元素：**地图可视化、颜色编码、数据叠加层、图例。

python skills/infographics/scripts/generate_infographic.py \
  "Renewable energy adoption by region: Iceland 100%, Norway 98%, \
   Germany 50%, USA 22%, India 20%" \
  -o figures/renewable_map.png --type geographic --style nature

---

7. 层级/金字塔型（--type hierarchical）

适用于：组织结构、优先级、重要性排序。

**关键元素：**金字塔或树形结构、不同层级、逐级变化的大小。

python skills/infographics/scripts/generate_infographic.py \
  "Maslow's Hierarchy: Physiological, Safety, Love/Belonging, \
   Esteem, Self-Actualization" \
  -o figures/maslow.png --type hierarchical --style education

---

8. 解剖/视觉隐喻型（--type anatomical）

适用于：借助熟悉的视觉隐喻解释复杂系统。

**关键元素：**核心隐喻图像、带标签的部分、连接线。

python skills/infographics/scripts/generate_infographic.py \
  "Business as a human body: Brain=Leadership, Heart=Culture, \
   Arms=Sales, Legs=Operations, Skeleton=Systems" \
  -o figures/business_body.png --type anatomical --style corporate

---

9. 简历/职业型（--type resume）

适用于：个人品牌塑造、简历、作品集亮点、职业成就。

**关键元素：**照片区域、技能可视化、时间线、联系信息。

python skills/infographics/scripts/generate_infographic.py \
  "UX Designer resume: Skills - User Research 95%, Wireframing 90%, \
   Prototyping 85%. Experience - 2020-2022 Junior, 2022-2025 Senior" \
  -o figures/resume.png --type resume --style technology

---

10. 社交媒体（--type social）

适用于：Instagram、LinkedIn、Twitter/X 帖子及适合分享的图形。

**关键元素：**醒目的标题、精简文本、最大化视觉效果、鲜艳色彩。

python skills/infographics/scripts/generate_infographic.py \
  "Save Water, Save Life: 2.2 billion people lack safe drinking water. \
   Tips: shorter showers, fix leaks, full loads only" \
  -o figures/water_social.png --type social --style marketing

---

样式预设

行业样式（--style）

样式	颜色	适用于
corporate	藏青色、钢蓝色、金色	商业报告、金融
healthcare	医疗蓝、青色、浅青色	医疗、健康
technology	科技蓝、石板灰、紫罗兰色	软件、数据、AI
nature	森林绿、薄荷绿、土棕色	环境、有机主题
education	学术蓝、浅蓝色、珊瑚色	学习、学术
marketing	珊瑚色、青绿色、黄色	社交媒体、营销活动
finance	藏青色、金色、绿/红色	投资、银行
nonprofit	暖橙色、鼠尾草绿、沙色	社会议题、慈善机构

# Corporate style
python skills/infographics/scripts/generate_infographic.py \
  "Q4 Results" -o q4.png --type statistical --style corporate

# Healthcare style
python skills/infographics/scripts/generate_infographic.py \
  "Patient Journey" -o journey.png --type process --style healthcare

---

色盲友好调色板

可用调色板（--palette）

调色板	颜色	说明
wong	橙色、天蓝色、绿色、蓝色、朱红色	最广受推荐
ibm	群青色、靛蓝色、洋红色、橙色、金色	IBM 的无障碍调色板
tol	12 色扩展调色板	适用于类别较多的情况

# Wong's colorblind-safe palette
python skills/infographics/scripts/generate_infographic.py \
  "Survey results by category" -o survey.png --type statistical --palette wong

---

智能迭代优化

工作原理

┌─────────────────────────────────────────────────────┐
│  1. Generate infographic with Nano Banana Pro       │
│                    ↓                                │
│  2. Review quality with Gemini 3 Pro                │
│                    ↓                                │
│  3. Score >= threshold?                             │
│       YES → DONE! (early stop)                      │
│       NO  → Improve prompt, go to step 1            │
│                    ↓                                │
│  4. Repeat until quality met OR max iterations      │
└─────────────────────────────────────────────────────┘

质量审核标准

Gemini 3 Pro 会从以下方面评估每张信息图：

1. 视觉层次与布局（0-2 分）

   • 视觉层次清晰
   • 阅读流程合理
   • 构图均衡

2. 排版与可读性（0-2 分）

   • 文本清晰易读
   • 标题醒目
   • 无重叠

3. 数据可视化（0-2 分）

   • 数字突出
   • 图表／图标清晰
   • 标签恰当

4. 色彩与无障碍性（0-2 分）

   • 色彩专业
   • 对比度充足
   • 对色盲友好

5. 整体效果（0-2 分）

   • 外观专业
   • 无视觉错误
   • 达到传播目标

审核日志

每次生成都会生成一份 JSON 审核日志：

{
  "user_prompt": "5 benefits of exercise...",
  "infographic_type": "list",
  "style": "healthcare",
  "doc_type": "marketing",
  "quality_threshold": 8.5,
  "iterations": [
    {
      "iteration": 1,
      "image_path": "figures/exercise_v1.png",
      "score": 8.7,
      "needs_improvement": false,
      "critique": "SCORE: 8.7\nSTRENGTHS:..."
    }
  ],
  "final_score": 8.7,
  "early_stop": true,
  "early_stop_reason": "Quality score 8.7 meets threshold 8.5"
}

---

命令行参考

python skills/infographics/scripts/generate_infographic.py [OPTIONS] PROMPT

Arguments:
  PROMPT                    Description of the infographic content

Options:
  -o, --output PATH         Output file path (required)
  -t, --type TYPE           Infographic type preset
  -s, --style STYLE         Industry style preset
  -p, --palette PALETTE     Colorblind-safe palette
  -b, --background COLOR    Background color (default: white)
  --doc-type TYPE           Document type for quality threshold
  --iterations N            Maximum refinement iterations (default: 3)
  --api-key KEY             OpenRouter API key
  -v, --verbose             Verbose output
  --list-options            List all available options

列出所有选项

python skills/infographics/scripts/generate_infographic.py --list-options

---

配置

API 密钥设置

设置你的 OpenRouter API 密钥：

export OPENROUTER_API_KEY='your_api_key_here'

在此获取 API 密钥：https://openrouter.ai/keys

---

提示词编写技巧

明确说明内容

✓ 好的提示词（具体、详细）：

"5 benefits of meditation: reduces stress, improves focus, 
better sleep, lower blood pressure, emotional balance"

✗ 避免含糊的提示词：

"meditation infographic"

包含数据点

✓ 好的示例：

"Market growth from $10B (2020) to $45B (2025), CAGR 35%"

✗ 含糊的示例：

"market is growing"

指定视觉元素

✓ 好的示例：

"Timeline showing 5 milestones with icons for each event"

---

参考文件

如需详细指导，请加载以下参考文件：

• references/infographic_types.md：适用于所有 10 多种类型的扩展模板
• references/design_principles.md：视觉层次、布局、排版
• references/color_palettes.md：完整的配色方案规范

---

故障排除

常见问题

问题：信息图中的文本无法辨认

• 解决方案：减少文本内容；使用 --type 指定布局类型

问题：颜色冲突或不便于识别

• 解决方案：使用 --palette wong 选择对色盲安全的颜色

问题：质量评分过低

• 解决方案：通过 --iterations 3 增加迭代次数；使用更具体的提示词

问题：生成的信息图类型错误

• 解决方案：始终指定 --type 标志，以确保结果一致

---

与其他技能集成

此技能可与以下技能协同工作：

• scientific-schematics：用于技术图表和流程图
• market-research-reports：用于商业报告的信息图
• scientific-slides：用于演示文稿的信息图元素
• generate-image：用于非信息图类视觉内容

---

快速参考清单

生成前：

• 内容描述清晰、具体
• 已选择信息图类型（--type）
• 风格适合受众（--style）
• 已指定输出路径（-o）
• 已配置 API 密钥

生成后：

• 查看生成的图像
• 检查审核日志中的评分
• 如有需要，使用更具体的提示词重新生成

使用此技能，借助 Nano Banana Pro AI 的强大能力和智能质量审核，创建专业、无障碍且视觉效果出色的信息图。