mcpField
I
infographic-generation

infographic-generation

github.com/eachlabs设计与 UI44252 次安装今天更新
代码仓库

关于 infographic-generation

这是一个使用 each::sense 生成信息图的 Skill,可将数据、流程、比较和时间线等内容转化为视觉素材,适合制作报告、演示文稿及社交媒体图形,并提供多种版式类型。

主要功能

  1. 01统计图表与关键指标
  2. 02流程和教程版式
  3. 03比较图与时间线
  4. 04地图及层级结构图
  5. 05报告与社交媒体格式

适用场景

  1. 01概述研究结果
  2. 02说明多步骤流程
  3. 03制作社交媒体图形
  4. 04展示公司业绩

安装

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

$npx skills add https://github.com/eachlabs/skills --skill infographic-generation

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

附带文件references/SSE-EVENTS.md

详细介绍

信息图生成

使用 each::sense 生成专业且引人注目的信息图。这项技能可创建数据驱动的视觉内容,适用于演示文稿、报告、社交媒体和营销材料。

功能

  • 统计信息图:包含图表、图形和关键指标的数据可视化
  • 流程/操作指南信息图:分步骤的可视化指南和教程
  • 对比信息图:并列对比产品、服务或概念
  • 时间线信息图:历史事件、项目里程碑、公司历史
  • 列表信息图:十大榜单、技巧、功能和精选内容
  • 地理/地图信息图:基于位置的数据和区域统计
  • 层级信息图:组织结构图、分类体系、流程图
  • 简历信息图:可视化简历和职业档案
  • 报告信息图:年度报告、季度摘要、研究结果
  • 社交媒体信息图:针对平台优化的视觉内容,旨在提升互动

快速入门

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a statistical infographic showing global renewable energy adoption rates with bar charts and key statistics"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

信息图类型与最佳实践

类型适用场景关键元素
统计数据展示、研究结果图表、图形、百分比、图标
流程教程、工作流、说明编号步骤、箭头、图标
对比产品对比、决策指南并列布局、勾选标记、评分
时间线历史、路线图、项目计划线性流程、日期、里程碑
列表技巧、功能、排名数字、项目符号、图标
地理区域数据、市场分析地图、位置标记、区域统计数据
层级组织结构图、分类体系、结构树状图、方框、连接线
简历求职申请、作品集技能条、时间线、图标
报告业务摘要、分析多个版块、KPI、图表
社交媒体互动、分享平台尺寸、醒目文字、简洁图形

用例示例

1. 统计信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a statistical infographic about global coffee consumption. Include: bar chart showing top 5 consuming countries, pie chart of coffee types (espresso, latte, cappuccino, etc.), key stats like 2.25 billion cups consumed daily, and icons representing coffee culture. Modern minimal design with warm brown and cream color palette. Portrait orientation."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
2. 流程/操作指南信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a how-to infographic for making sourdough bread. Show 8 steps: 1) Create starter, 2) Feed starter, 3) Mix dough, 4) Autolyse, 5) Stretch and fold, 6) Bulk ferment, 7) Shape and proof, 8) Bake. Use illustrated icons for each step, numbered circles, arrows showing flow. Rustic warm color scheme. Vertical layout."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
3. 对比信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a comparison infographic: Electric Cars vs Gas Cars. Compare: Initial cost, Fuel/charging costs, Maintenance costs, Environmental impact, Range, Charging/refueling time. Use side-by-side layout with green for electric and gray for gas. Include icons for each category, checkmarks for advantages. Clean modern design."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
4. 时间线信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a timeline infographic showing the history of artificial intelligence. Key milestones: 1950 Turing Test proposed, 1956 Dartmouth Conference (AI term coined), 1966 ELIZA chatbot, 1997 Deep Blue beats Kasparov, 2011 IBM Watson wins Jeopardy, 2012 Deep Learning breakthrough, 2016 AlphaGo beats Lee Sedol, 2022 ChatGPT released. Horizontal timeline with alternating above/below entries, tech-inspired blue color scheme, circuit board design elements."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
5. 列表信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a list infographic: Top 10 Productivity Tips for Remote Workers. Include: 1) Create dedicated workspace, 2) Set regular hours, 3) Take scheduled breaks, 4) Use time-blocking, 5) Minimize distractions, 6) Dress for work, 7) Stay connected with team, 8) Set boundaries, 9) Exercise daily, 10) End work ritual. Use numbered list format with icons for each tip, modern gradient purple and blue color scheme, clean typography."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
6. 地理/地图信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a geographic infographic showing internet penetration rates across continents. Include a world map with color-coded regions: North America 93%, Europe 89%, South America 75%, Asia 64%, Africa 43%. Add data callouts for top 5 countries by users. Use a tech-inspired blue gradient for high penetration to gray for low. Include legend and source citation area."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
7. 层级信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a hierarchical infographic showing a typical tech startup organizational structure. CEO at top, branching to: CTO (with Engineering Manager, then Frontend/Backend/DevOps teams), CPO (with Product Managers, UX Designers), CFO (with Finance, HR), CMO (with Marketing, Sales). Use tree diagram format with connecting lines, professional corporate blue and gray colors, rounded rectangles for each role, icons representing each department."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
8. 简历信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a visual resume infographic for a UX Designer. Include sections: Profile summary with placeholder for photo, Skills with horizontal progress bars (Figma 95%, User Research 90%, Prototyping 85%, HTML/CSS 70%), Work experience as vertical timeline (2020-2023 Senior UX at TechCorp, 2017-2020 UX Designer at StartupXYZ), Education icons, Contact info with icons. Modern minimalist design, teal and dark gray color scheme, A4 portrait."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
9. 报告信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an annual report infographic for a SaaS company. Include: Header with company logo placeholder and year 2024, Key metrics section (Revenue $12M up 45%, Customers 5,000+ up 60%, Team size 85 up 30%, NPS score 72), Revenue growth line chart, Customer acquisition funnel, Geographic expansion map showing presence in 25 countries, Product milestones timeline. Professional corporate design, navy blue and gold accent colors."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
10. 社交媒体信息图
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a square 1:1 social media infographic about benefits of meditation. Title: 5 Science-Backed Benefits of Daily Meditation. Points: 1) Reduces stress hormones by 23%, 2) Improves focus and concentration, 3) Better sleep quality, 4) Lower blood pressure, 5) Increased emotional well-being. Bold readable text, calming purple and teal gradient background, simple icons for each benefit, Instagram-optimized with high contrast for mobile viewing."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

多轮创意迭代

使用 session_id 迭代信息图设计:

# Initial infographic
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an infographic about climate change impacts with key statistics and a world map"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "climate-infographic-001"
  }'

# Iterate based on feedback
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Add more emphasis on ocean temperature data and include a temperature anomaly chart"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "climate-infographic-001"
  }'

# Request color variation
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an alternate version with a warmer color palette using oranges and reds to emphasize urgency"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "climate-infographic-001"
  }'

用于 A/B 测试的批量生成

生成多个信息图版本:

# Variation A - Minimalist style
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a minimalist infographic about healthy eating habits, white background, simple line icons, lots of whitespace"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

# Variation B - Bold colorful style
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a bold colorful infographic about healthy eating habits, vibrant gradients, filled icons, energetic design"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

# Variation C - Corporate professional style
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a corporate professional infographic about healthy eating habits, navy and gray colors, formal typography, business report style"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

最佳实践

设计原则
  • 视觉层次:利用尺寸、颜色和位置引导观众视线
  • 一致性:始终保持图标、颜色和字体排版一致
  • 留白:避免过度拥挤,为元素留出呼吸空间
  • 数据准确性:按比例且准确地呈现数据
  • 可读性:使用足够的对比度和易读的字号
内容指南
  • 一个核心信息:聚焦于单一的主要结论
  • 便于浏览:通过清晰的标题设计,方便快速浏览
  • 注明来源:标注数据来源以增强可信度
  • 行动号召:适当时注明后续步骤
平台优化
平台建议尺寸备注
Pinterest1000x1500 (2:3)竖版效果最佳
Instagram Feed1080x1080 (1:1)信息流使用方形
Instagram Stories1080x1920 (9:16)全屏竖版
LinkedIn1200x627 (1.91:1)信息流使用横版
Twitter/X1200x675 (16:9)横版格式
Blog/Web800x2000+长篇竖版
Presentation1920x1080 (16:9)幻灯片格式

信息图表提示词技巧

创建信息图表时,请在提示词中包含以下详细信息:

  1. 类型:指定信息图表类型(统计、流程、时间线等)
  2. 主题:清楚描述主题内容
  3. 数据点:提供具体数字、统计数据或内容项
  4. 布局:说明方向(纵向/横向)和结构
  5. 风格:描述所需的美学风格(简约、大胆、企业风、活泼)
  6. 颜色:指定配色方案或品牌颜色
  7. 平台:说明预期用途(社交媒体、演示文稿、印刷品)
提示词结构示例
"Create a [type] infographic about [topic].
Include: [specific data points, sections, or elements].
Layout: [orientation and structure].
Style: [aesthetic description].
Colors: [color palette].
For: [intended platform/use]."

模式选择

生成前询问用户:

“您想要快速且低成本,还是高质量?”

模式适用场景速度质量
max最终设计、客户演示、印刷材料较慢最高
eco快速草稿、概念探索、A/B 测试较快良好

错误处理

错误原因解决方案
Failed to create prediction: HTTP 422余额不足在 eachlabs.ai 充值
内容政策违规禁止内容调整提示词内容
超时生成内容复杂将客户端超时设置为至少 10 分钟

相关技能

  • each-sense - 核心 API 文档
  • data-visualization - 图表和图形
  • presentation-design - 幻灯片和路演材料
  • social-media-graphics - 针对平台优化的视觉素材

评论

支持 Markdown