把复杂内容讲清楚，这几个信息图 Skill 值得收藏
公众号名称：虾蛄AI
作者名称：虾蛄内容部
发布时间：2026-06-07 16:55
信息图让复杂内容更容易被看懂。
做过周报的人大概都有这种感受，写了满满一页的工作进展，发出去之后领导扫一眼就过去了，重点根本没被看到。或者做了一份汇报材料，内容其实很扎实，但一页页翻下来全是文字，对方听到一半就开始走神。
纯文字读起来费力，尤其是信息量大的时候，读者的耐心消耗得很快。
但要是换一张图，把同样的内容用视觉的方式组织起来，阅读的门槛一下子就低了很多，关键信息也更容易被抓住。
但很多人一想到做图就头疼。要么觉得自己没有设计基础，做出来的东西土气；要么打开软件之后无从下手，光是调布局就能耗掉大半个下午。
更常见的情况是，最后勉强做出来一张，自己看着都觉得差点意思，但也不知道差在哪里。
这个卡点其实很普遍，因为大多数人接触到的工具，要么门槛太高，要么自由度太低，很难找到那个刚刚好的平衡。
高度自定义的设计软件需要大量时间学习，而那种一键生成的模板工具，做出来的东西又很难有辨识度，套谁的脸都一样。
信息图其实是一种挺宽泛的形式，有密度很高的editorial风格排版，有手绘感很强的插画式流程图，也有简洁干净的数据卡片，每一种背后都有自己的适用场景。选对了形式，内容的气质会完全不一样。
01.
xiaohei正文配图/信息长图
有时候文字本身没有问题，只是有些东西用说的方式确实绕，换一张图反而能一眼明白。
这个skill处理的就是这类场景。
当文章里出现抽象判断、流程关系、状态变化，或者某个一时难以直接讲清的隐喻时，它可以把这段文字转成一张横版手绘图，嵌进正文里辅助阅读。
地址：https://github.com/helloianneo/ian-xiaohei-illustrations
风格上很有辨识度。画面是纯白背景加黑色手绘线稿，偶尔用红色、橙色、蓝色做少量中文批注，整体克制干净，看起来更像白纸上画出来的聪明草图，和那种正式流程图或PPT配图的感觉完全不同。
图里有一个固定的视觉角色叫小黑。
黑色实心小身体、白点眼睛、细腿，气质有点荒诞，但看起来一直在认真干活。它会在画面里承担实际动作，搬运信息、卡在断点里、操作某个装置、分拣素材，让图里的概念有行动感，读起来不会觉得干巴巴的。
使用的时候它会先消化正文内容，找出真正值得配图的位置。
它关注的通常是读者容易卡住的地方，认知转折、核心判断、常见误区、承接路径、结构关系，这些位置配上图之后理解成本会明显降低。
生成之后还有一套检查标准。画面要保持横版比例，小黑要承担实际动作，背景要干净，文字要短，构图要有一点奇怪但能成立的想象力。
如果画面太像PPT、风格太可爱、文字堆得太满，都会被判定为需要调整。
有意思的是，已经有人在这个skill的基础上做了改版。
地址：https://github.com/Onpicex/xiaohei-infographic
整体的画风没有变，白底手绘线稿、小黑参与动作、少量彩色批注，这些都保留着。
调整的地方在于，改版之后的目标从文章里嵌入的单张插图，变成了一整张可以直接发出去的信息长图。
更适合把一篇文章或一份笔记浓缩成一张图，从标题、核心观点、分节说明到底部结论，读者一路往下看就能把内容吃透。
生成流程上也做了更细的拆分。
文字部分用HTML和CSS单独处理，标题、要点和批注都清晰可编辑。小黑的场景则单独生成，画面里不出现任何文字，只保留纯白背景和动作。两部分做好之后再合并进长图版面，最后截图输出高清PNG。
默认宽度1080像素，版面一般三到五个分节，左右交替摆放插图和文字，避免做成那种卡片网格的感觉。
02.
高密度HTML信息卡片
这个skill处理的就是这类需求，把文字、观点、清单、分析材料做成一张可以直接截图传播的视觉卡片，成品更像现代杂志页面、社论卡片或知识封面。
使用的时候它会先判断内容密度，再根据内容选择合适的版面结构。
地址：https://github.com/shaom/infocard-skills
材料少的时候，可以用大标题、大数字或一句强观点撑起整张画面。材料多的时候，会把内容拆成主模块、次模块和补充模块，让读者先看到最重要的判断，再顺着版面读到细节。
设计语言上更接近纸媒和瑞士国际主义风格。默认用温暖的纸色背景、粗实线、浅灰信息块、少量噪点和克制的强调色。标题有比较强的视觉重量，正文保持清晰耐读。
它支持3:4、4:3、1:1、16:9、9:16等多种固定比例，不同尺寸下不会简单缩放同一个模板，而是重新安排阅读路径。竖版更适合封面感和向下阅读，横版更适合分析展开，方图更适合框架总结或对照关系。
该skill要求生成完整的HTML和CSS，把页面当成固定尺寸画布来设计，截图时通过本地Chrome或Chromium把HTML渲染成PNG。
这样文字可以保持清晰，版面也更容易反复调整。目录里的模板、比例说明、推荐骨架和截图脚本，组成了一套从内容整理到图片导出的完整流程。
03.
baoyu文章配图系统
前面两个skill在画风上各有侧重，这个则完全不限定风格。
它更像一条文章配图的生产线，先读懂正文内容，再判断哪些位置真正需要视觉辅助，技术文、教程、方法论、叙事文、观点文都可以进入它的分析流程。
它关注的是文章里的关键概念、流程、对比、框架和读者容易卡住的地方，然后把这些位置转化成适合生成图片的任务。
第一步并不是马上画图。它会先检查配置文件，确认用户偏好的风格、输出目录、水印、语言和图片生成后端。
如果是第一次使用，需要先完成偏好设置，配置保存之后，同一项目以后再配图就能沿用之前的习惯，减少重复沟通。
真正值得单独说的地方，是它把配图拆成了Type、Style、Palette三个维度。
Type负责信息结构，比如信息图、场景图、流程图、对比图、框架图和时间线。Style负责视觉表达，比如手绘笔记风、Notion风、蓝图风、杂志风、水彩风、丝网印刷风。
Palette负责颜色方案，比如马卡龙、暖色、霓虹、黑白墨线。三个维度独立调整，组合出来的配图策略会更稳定，也更容易针对不同文章的气质做精准适配。
风格覆盖面很广。默认推荐的手绘教育风适合大部分知识类文章，暖色纸底、黑色手绘线条、柔和色块，读起来轻松，适合做概念解释。
墨线笔记风更适合专业文章、技术宣言、前后对比和框架类表达，白底黑线更克制，强调结构感。
除此之外还有蓝图风、编辑风、科学风、水彩风等选项，可以分别服务工程、研究、商业、叙事和观点类内容，基本上常见的文章类型都能找到对应的视觉气质。
地址：https://github.com/JimLiu/baoyu-skills
并且每张图在生成前都必须先写入独立prompt文件，里面要包含前置信息、类型、风格、配色、布局、分区、标签和具体文章数据。
如果图片出现错字或标签不清晰，处理方式是保留旧图，写新prompt，再重新生成，这样能保住创作记录和版本对比，整个配图过程都有据可查。
目前，整个baoyu-skill里面有很多的不同类型的skills并且一直在不断的维护，用户可以选择具体来进行图片生成。
当然，这几个skill提供的是一个起点。
用它们生成出来的信息图，不一定就是你最满意的版本，更多的也可以通过和Agent不断对话，调整风格、密度、配色、排版，慢慢找到那个真正适合自己内容气质的方向。
这个过程本身也是在建立自己的审美判断，知道什么样的图放在自己的内容里是舒服的。
找到之后，可以把这套风格偏好直接固化成一个属于自己的skill，以后每次配图都能沿用，不需要重新描述一遍要求。
信息图的生产从此变成一件有迹可循的事，而不是每次都从零开始碰运气。
内容效果不满意？点此反馈