信息长图结构与视觉叙事大纲
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fccf428b/infographic-outline-creator。
技能介绍
它解决什么问题
写信息长图最容易卡住的不是画图,而是动笔前的结构。长图一旦信息密度高,很容易出现两种毛病:一种是把资料按原文顺序平铺,读者扫完不知道重点在哪;另一种是视觉排版很好看,但叙事线断裂,前一段讲方法论、后一段直接跳到案例。这个技能的作用,是在进入设计工具之前,先把信息层级和阅读动线这两件事拆清楚。
技能如何工作
触发方式很直接:当你的请求里提到 infographic outline creator,或直接询问长图结构、信息图最佳实践时,技能会自动激活。它的工作流分三步:
- 拆解输入内容:把原始文档拆成信息块,标注每个块的角色——是背景铺垫、核心论点、数据支撑还是结论。
- 生成结构大纲:输出信息长图的分屏/分段大纲,包含每屏的标题、正文要点、建议图表类型(如
mermaid流程图、柱状图、时间轴)。 - 校验产出:按通用标准检查大纲,比如是否有明确的阅读顺序、是否遗漏关键数据源、图表选型是否与数据形态匹配。
输出物包括可直接使用的大纲配置和代码片段、实践建议,以及校验结果。出错时,常见情况会给出明确归因:配置缺少必填字段、依赖工具未安装、权限不足,各自对应不同的修复路径。
适用边界
需要先说清楚:这个技能产出的是结构大纲,不是渲染好的长图。它负责规划「这一屏放什么、按什么顺序看」,不负责最终的像素级排版。另外,使用前需要具备基本条件——本地有可用的开发环境、相关工具与服务可访问,并对可视化概念有基础理解。如果你的需求已经细化到配色、字号、像素网格,这个技能帮不上忙,直接进设计工具更合适。
使用场景
- 要把一篇产品方案改写成信息长图,需要先确定分屏结构与阅读动线时
- 在技术博客里嵌入 mermaid 流程图,需要规划每张图的信息层级和放置位置时
- 把季度数据报告整理成演示文稿,需要为每页挑选合适的图表类型时
- 撰写可视化技术文档,需要统一各章节图表风格与排版规范时
适合人员
- 撰写技术长文的博客作者,需要把复杂流程拆解成读者能跟上的图文结构
- 负责产品方案可视化的设计师,需要在动手排版前拿到结构清晰的长图大纲
- 编写 API 或架构文档的开发者,需要用图表讲清楚系统模块之间的关系
- 制作数据汇报 PPT 的运营分析师,需要把散点数据按逻辑顺序串成演示线