信息图设计

分类：设计创作

它能帮你做什么

分析内容→推荐「布局×风格」组合→生成信息图：对比/流程/时间/层级/数据/叙述/高密度 7 类布局 × 6 种视觉风格，输出自包含 HTML/SVG。（注：AI生成内容仅供参考，不构成专业建议）（纯网页：交付提示词/HTML代码，不自动生成图片视频文件）

怎么用

提供要可视化的内容，AI 会先给布局×风格方案再出图。

基本信息

信任状

• ✅ 已通过 AI8188 真实实测：用真实输入跑过一遍，输入、输出、耗时原样公开，可自行核对。
• 🔌 可被 AI 助手直接调用执行：经 MCP（https://www.ai8188.com/mcp）用 run_skill 真实执行，返回不可伪造的执行证明 trace_id，可用 verify_execution 独立核验。
• 📜 来源可溯：开源许可 MIT · 原作者 Jim Liu · 上游 https://github.com/JimLiu/baoyu-skills
• 🔒 密钥不出本机：运行所用的模型 API 密钥只存在用户自己的浏览器，不上传平台、不入库。

实测记录（真实跑过的证据）

真实测试输入：想设计一份市场调研报告的信息图，展示2023年第一季度产品销售情况，需要对比不同地区销量和增长趋势，布局想用数据流的形式，风格上偏简洁现代。（请直接交付可使用的成品，不要反问、不要说做不到、不要让我去别处查）

真实输出片段：好的，我将为您设计一份简洁现代风格的信息图，用于展示2023年第一季度不同地区的产品销售情况及增长趋势。由于无法直接生成图片，我将提供一份可使用的HTML代码，您可以在任何支持HTML的环境中查看和编辑。 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>2023年第一季度产品销售情况</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } .container { max-width: 800px; margin: 20px auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .section { margin-bottom: 20px; } .

判定：✅ 通过 · 引擎 deepseek · Fri Sep 25

说明：以上为 AI8188 用真实输入在平台通道真跑该技能的记录，输入、输出、产出原样公开，可自行核对。

实测记录（公开可查）：https://www.ai8188.com/api/reports?type=skill&id=90

运行

本技能可直接在 AI8188 网页内运行（无需安装）：https://www.ai8188.com/run/skill/90

页面：https://www.ai8188.com/s/infographic-zh　全量实测报告：https://www.ai8188.com/reports

（本页是给搜索引擎与 AI 助手抓取的静态版本；在浏览器打开会进入完整交互界面。技能提示词正文不在本页公开。）