mcpField
I
infographics

infographics

github.com/kalarislabs设计与 UI7345 次安装4 天前更新
代码仓库

关于 infographics

infographics 是用于按自然语言描述生成信息图的技能,面向需要可视化呈现数据、流程或概念的用户。它结合可选的 Perplexity Sonar 研究与 Gemini 3.6 Flash 质量审查,并按文档类型迭代生成。

主要功能

  1. 01自然语言生成信息图
  2. 02支持 10 种信息图类型
  3. 03Perplexity Sonar 研究数据
  4. 04Gemini 3.6 Flash 质量审查
  5. 05按质量阈值智能迭代
  6. 06行业样式与色盲安全配色

适用场景

  1. 01制作数据统计与趋势图
  2. 02呈现项目时间线和流程
  3. 03比较产品或方案
  4. 04创建社交媒体和营销图像

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/kalarislabs/research-agent-skills --skill infographics

安装后在 Claude Code 中输入/infographics确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
color_palettes.md
design_principles.md
infographic_type_catalog.md
infographic_types.md
iterative_refinement.md
scripts/
generate_infographic_ai.py
generate_infographic.py

详细介绍

信息图表

概述

信息图表是对信息、数据或知识的可视化呈现,旨在快速、清晰地传达复杂内容。此技能使用 Nano Banana Pro AI 生成信息图表,并使用 Gemini 3.6 Flash 进行质量审核,使用 Perplexity Sonar 开展研究。

工作原理:

  • (可选)研究阶段:使用 Perplexity Sonar 收集准确的事实和统计数据
  • 用自然语言描述信息图表
  • Nano Banana Pro 自动生成可用于出版的信息图表
  • Gemini 3.6 Flash 根据文档类型的质量门槛进行审核
  • 智能迭代:仅在质量低于门槛时重新生成
  • 几分钟内即可获得专业级输出
  • 无需设计技能

各文档类型的质量门槛:

文档类型门槛说明
marketing8.5/10营销材料——必须引人注目
report8.0/10商业报告——达到专业水准
presentation7.5/10幻灯片、演讲——清晰且吸引人
social7.0/10社交媒体内容
internal7.0/10内部使用
draft6.5/10工作草稿
default7.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.6 Flash 根据文档类型门槛评估质量
  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 - 原始研究数据和来源
  • 研究内容会自动纳入信息图提示词

信息图类型

--type 支持 10 种类型:statistical、timeline、process、comparison、 list、geographic、hierarchical、anatomical、resume 和 social。各类型的 用途、所需的数据结构及示例提示词见 references/infographic_type_catalog.md 和 references/infographic_types.md。

样式预设

行业样式(--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 的无障碍调色板
tol12 色扩展调色板适用于许多类别
# Wong's colorblind-safe palette
python skills/infographics/scripts/generate_infographic.py \
  "Survey results by category" -o survey.png --type statistical --palette wong

智能迭代优化与命令行界面

生成-审阅-优化循环、所有命令行选项及配置见 references/iterative_refinement.md。

提示词编写技巧

明确内容细节

✓ 好的提示词(具体、详细):

"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 的强大功能和智能质量审核,创建专业、易读且视觉效果出色的信息图。

Agent 操作流程

  1. 检查环境。 确认数据源、每幅图必须传达的信息,以及目标媒介(期刊、海报、幻灯片)。
  2. 明确输入。 确认数据或用户提供的格式、标识符和参数。对于任何会影响结果的值,不要猜测,应先询问。
  3. 先运行小规模版本。 按最终尺寸渲染一幅图,并在生成完整套图前检查其可读性。
  4. 按照上述说明和参考资料执行完整任务。
  5. 验证结果。 确保坐标轴、单位和误差条均已标注和定义;颜色对色盲友好;数值与底层数据相符。
  6. 报告。 说明运行了哪些内容(版本、命令、参数)、检查了哪些内容,以及仍有哪些不确定之处。
如果发生这种情况请这样做
最终尺寸下文字无法辨认增大字号或简化图表面板,不要缩小文字。
已安装版本中缺少这些说明里的函数、标志或端点查阅已安装版本自带的文档(help()、--help、官方文档),调整方案并告知用户。切勿编造 API。
必需的输入、标识符或参数含糊不清询问用户,或在运行前明确说明所作的假设。

诚信准则

  • 切勿捏造结果、参数、标识符、引文或统计数据。如果无法运行或验证某项内容,请直言说明。
  • 切勿为了改善图表外观而更改数据;应统一应用图像调整,并披露这些调整。
  • 此处与版本相关的细节可能已过时:请对照已安装版本的官方文档进行确认。
  • 涉及费用、占用共享 GPU 或云配额、接触个人或患者数据,或无法撤销的操作前,必须先征求同意。

相关技能

  • scientific-schematics:使用 Nano Banana 2(通过 OpenRouter)根据自然语言提示词生成适用于出版的科学示意图栅格 PNG 图像,……
  • generate-image:通过 OpenRouter Image API(Gemini、Seedream、Recraft、GPT-Image、Riverflow)使用 AI 模型生成或编辑图像。
  • academic-plotting:根据研究背景为机器学习论文生成适用于出版的高质量图表。

评论

支持 Markdown