📦 4 Parts + Conclusion
👉 滑动
PART 01
基础信息
是什么 · 有何特色
PART 02
安装使用
安装 · 激活 Skill
PART 03
实战案例
五大场景验证
PART ///
写在最后
小结与建议
信息爆炸时代,好内容没人看,缺的不是深度,是
让人一眼看懂的表达方式
身处一个信息爆炸的时代,每天都有数以亿计的文章、报告、短视频和帖子被生产出来,又在几秒钟内被刷屏的信息洪流彻底淹没。对内容创作者来说,真正的难题早就不是如何创作内容,而是怎么让人真正看到、看懂、记住。
受众的注意力早已变得碎片化。再深刻的洞见、再详实的数据,如果塞在一大段密密麻麻的纯文字里,很可能用户手指一滑就错过了。而以往的解决方式,要么请设计师做信息图,要么自己去学复杂的排版软件,成本高、效率低,根本无法满足高频更新的节奏。
baoyu-infographic Skill 正是为这个痛点而生的。
它不是普通的文生图工具,而是专为 AI Agent 打造的专业信息图生成技能。它将信息设计的专业能力打包成可直接调用的技能,让 AI 先理解你的内容结构,再匹配最合适的视觉表达方式,将创作者从信息整合与视觉表达的双重压力中解放出来。
那么,它的实际可用性到底如何?本期实测,302.AI将从五大场景案例出发,聊聊这款工具的优缺点和真实表现。
01
PART
baoyu-infographic 基础信息
OVERVIEW · WHAT & WHY
作者:Jim Liu 宝玉
GitHub 链接:https://github.com/JimLiu/baoyu-skills/tree/main/skills/baoyu-infographic
1. 什么是 baoyu-infographic?
baoyu-infographic 是由开发者 JimLiu 推出的专业信息图生成技能,隶属于 baoyu-skills 系列。它专为需要将复杂内容快速转化为视觉化呈现的场景设计,能够帮助用户一键生成高质量、可直接发布的信息图。该技能的核心设计哲学是布局(信息结构)+ 风格(视觉美学)的二维组合系统。用户可以自由组合任意布局与风格,实现“一题多解”的视觉表达。
2. baoyu-infographic 有何特色?
baoyu-infographic 的核心亮点在于其系统化的双维度设计框架,让生成过程既专业又可控:
智能内容分析与推荐
输入内容后,技能会自动分析主题、结构和重点,推荐最匹配的布局+风格组合,大幅降低用户决策成本。同时支持用户手动指定或覆盖。
灵活定制
支持自定义宽高比(landscape、portrait、square 或任意 W:H)、输出语言(中英日等)、参考图片引导风格/配色。
专业工作流
强调 Prompt 文件记录、确认机制、输出目录规范化(含 analysis.md、structured-content.md 等),便于团队协作和后期优化。避免了常见 AI 图像生成中“文字错乱”或“结构混乱”的问题。
丰富的设计物料库
包含 20 种布局:linear-progression(时间线)、funnel(漏斗)、pyramid(金字塔)、venn-diagram(韦恩图)、dashboard(仪表盘)、dense-modules(高密度模块)等,覆盖从简单对比到复杂层级、周期流程等多种场景。
17 种视觉风格
从 craft-handmade(手绘温馨)、kawaii(可爱风)、corporate-memphis(企业扁平)到 technical-schematic(工程蓝图)、cyberpunk-neon(赛博朋克)等,风格差异显著,能适配不同调性和受众。
3. 用户评价如何?
02
PART
安装使用 baoyu-infographic Skill
SETUP · INSTALL & ACTIVATE
baoyu-infographic Skill 支持:Codex、Cursor、Claude Code。以下教程针对302.AI 客户端进行演示,还未下载安装的用户可前往 https://studio.302.ai/zh 进行下载。
打开客户端「设置」菜单,找到「Skills」页面,点击右上角「安装」按钮。
302.AI 支持 4 种模式对 Skills 进行安装,这里我们使用GitHub 链接的方式。
导入上述链接,即可零配置,自动完成安装。
在新窗口,选择好自己希望使用的模型后,选择「Vibe 模式」,点击「搜索 Skills」按键选择需要激活使用的 Skills。
找到 taste skill 中你想要调用的 skill,点击「使用」。
回到首页,即可看到已激活技能。
03
PART
实战案例
CASES · 五大场景真实验证
使用配置:302.AI 客户端 Vibe 模式 + Deepseek V4 Pro + baoyu-infographic Skill + 302ai cli skill(用于生图,配置模型为 gpt-image-2)
任务目标:自动抓取资料、匹配主题,生成一张 Anthropic 模型产品信息图
第一轮确认:布局、风格、比例、输出语言和信息密度等
第二轮确认:生图方式及 API 配置
资产交付
Craft-handmade 风格:
📊
待补素材
此处插入:Craft-handmade 风格信息图(原图已损坏)
Morandi-journal 风格:
📊
待补素材
此处插入:Morandi-journal 风格信息图(原图已损坏)
使用配置:302.AI 客户端 Vibe 模式 + Deepseek V4 Pro + baoyu-infographic Skill + 302ai cli skill(用于生图,配置模型为 gemini-3-pro-image)
任务目标:提供文字资料,生成一张《咖啡喝下去后的 6 小时,身体里发生了什么?》时间线过程图
🖼
待补素材
此处插入:咖啡因代谢资料输入截图(原图已损坏)
依然是先提取关键资料、进行输出确认后再进行生图
资产交付
!踩坑提示
这一流程图的信息呈现出现问题,合理的顺序应该是按图上的指示箭头进行排列的,且出现了重复的第 4 点;此外,关键内容的取舍也不够精确,既然需求是展现咖啡因在身体里的作用流程,那么第 5 和第 7 点的存在就是没必要的,第 6 点反而才是正确流程的展示。
使用配置:302.AI 客户端 Vibe 模式 + Deepseek V4 Pro + baoyu-infographic Skill + 302ai cli skill(用于生图,配置模型为 gemini-3-pro-image)
任务目标:提供文字资料,生成一张适配移动端的 AirPods 使用说明书
资产交付
使用配置:302.AI 客户端 Vibe 模式 + Deepseek V4 Pro + baoyu-infographic Skill + 302ai cli skill(用于生图,配置模型为 gemini-3-pro-image)
任务目标:生成一张职场能力拆解图
资产交付
使用配置:302.AI 客户端 Vibe 模式 + Deepseek V4 Pro + baoyu-infographic Skill + 302ai cli skill(用于生图,配置模型为 gemini-3-pro-image)
任务目标:生成一张及时消费 vs 延迟满足消费观对比图
资产交付
///
LAST
写在最后:baoyu-infographic 小结
SUMMARY · WHAT WE LEARNED
它的核心能力并不在于画图,而是在于组织信息
体验完 baoyu-infographic Skill 在多个场景的实际效果后,我最大的感受是上面这句话。相比大多数 AI 绘图工具更擅长操纵视觉效果,baoyu-infographic Skill 的核心优势在于根据内容特点自动匹配合适的信息结构,并完成一套完整的信息图排版,实现从信息组织到视觉组织的自动化,不需要你再过多地去纠结排版布局和表现形式。但与此同时,它也暴露出 AI 自动生成信息图的一些共性问题:结构能力已经不错,但内容编辑能力还有提升空间。
结合本次实测的几个案例,呈现出以下特点:
1. Layout 与 Style 的适配度普遍不错
本次测试中,我们刻意选择了几种完全不同的创作场景。Skill 会根据输入内容,先向用户推荐适合的 Layout 与 Style 组合,而实际生成效果也基本符合内容类型。
例如 AirPods 使用说明书采用了 IKEA Manual 风格,天然适合步骤说明和操作指南;消费观案例则使用 Comparison Table,自动围绕核心理念、消费倾向、典型行为等维度完成左右对照;Claude 模型家族则结合 Pyramid 与 Grid Cards,把模型层级、性能、价格和选型建议拆分成多个阅读单元,即使信息量较大,整体阅读节奏依然比较清晰。
整体来看,风格与内容的匹配度都比较自然,而不是直接换一套配色的那种基础逻辑。对于创作者来说,这意味着不用花太多时间去思考如何做视觉设计,Skill 已经能够完成第一轮准确的风格匹配。
风格匹配度不错,但下一个问题才是关键
能搭好信息框架,但不会取舍
2. 能搭好信息框架,但不会取舍
这是我认为 baoyu-infographic 最大的优势,也是目前最明显的短板。
在不同场景实测表现中,它都能够根据内容特点,选择合适的信息结构。例如 Claude 模型家族通过金字塔结合卡片式布局,把模型层级、性能、价格、选型建议组织成多个阅读单元;消费观对比图也没有简单地把两段文字放在左右,而是自动抽取了核心理念、消费倾向、典型行为、优势与风险等统一维度,让整张图真正具备了横向比较的逻辑。这说明它已具备一定的信息架构能力,而不仅仅是在做简单排版。
不过,真正的信息设计不仅在于组织,更在于取舍。
以本次实测中的典型例子——咖啡因代谢流程图来说,主题原本聚焦于“喝下一杯咖啡后的 6 小时,身体发生了什么”,按理说整张图应该围绕时间轴展开。但最终生成结果又加入了咖啡因代谢差异、失眠原因、身体影响总结等额外内容,使得一张流程图同时承担了流程、科普和 FAQ 三种角色,信息边界变得模糊。
类似的情况也出现在职场能力拆解图中。整体框架已经足够清晰,但每个能力维度又不断向下延伸,导致局部信息密度偏高,阅读负担有所增加。
比起高密度文字,有些信息图更适合大量的留白来突出要点
所以,我更赞同 baoyu-infographic skill 擅长梳理资料、快速搭建内容框架并把大量信息组织起来,但在关键信息取舍这件事上,目前仍然需要创作者自己做最后调整。
3. 偶尔出 Bug,仍需二次修改
除了内容取舍之外,AI 出图难以避免地会出现一些比较明显的信息组织错误。例如咖啡因流程图中,流程编号出现了两个第 4 点,并且后半部分已经脱离了时间轴,却仍然沿用流程编号继续排列。这类问题虽然不影响图片生成,但对于流程图来说属于比较明显的逻辑错误。
因此,如果准备直接用于公众号、小红书等正式发布,建议至少进行一次人工校对,重点检查以下几个部分:
编号逻辑是否连续
阅读顺序与层级是否合理
是否存在重复内容
标题与正文是否真正对应
在实际测试过程中,我们也发现了一个比较实用的小技巧:相比一开始就不断修改 Prompt,在 Skill 输出第一版结果之后,再追加类似“进一步精简文字”“减少信息密度”“突出重点”“保留核心信息”这类优化指令,生成效果往往会明显提升。
小结
综合来看,我认为baoyu-infographic 最适合的定位是帮助创作者快速完成第一版信息设计。尤其对于知识分享类内容,它能够在几分钟内完成:
内容梳理
自动提取要点
信息分类
匹配信息结构
Layout+Style
初版视觉表达
几分钟内完成从内容到初版信息图的完整流程
比起自己从零开始画图,效率已经提升很多,能够帮助创作者完成约60%~70%的工作。而剩下的 30%,则更多是围绕信息取舍、层级优化和细节校对进行二次迭代,让最终成品更符合实际发布需求。
我是 {{作者名}},{{一句话简介,如:热衷于分享 AI 观察与干货}}。
如果你觉得今天这篇有收获,欢迎点赞、在看、转发三连,我们下篇见。
既然看到这里了,如果觉得有用,随手点个赞、在看、转发三连吧。
THANKS FOR READING
即刻体验 302.AI 客户端
灵活付费 · 丰富功能 · 开源生态 · 易用性