郭浩
5.8 KiB
Product — guizang-material-illustration
这份文档讲这个 Skill 为什么存在、面向谁、边界在哪里。实现事实看 HANDOFF.md。
1. 这个 Skill 解决什么问题
很多内容不是缺「封面」，而是缺一张能把意思讲明白的配图。
常见情况是：文章、周报、PPT、教程、数据图表都有了，但中间那张图要么只是装饰，要么是密密麻麻的截图，要么是 AI 画的一张漂亮但没人看懂的图。
这个 Skill 要解决的是：
- 把抽象概念变成能一眼读懂的图解。
- 把糟糕图表或原始数据变成更有材质、更适合传播的视觉。
- 给文章、社交卡片、PPT、文档提供可嵌入的中心图片。
- 在图里直接生成必要的中文标签，而不是只画一个无字插画。
2. 产品定位
生成「归藏材质插画」：带中文标签、有空间关系、有图标隐喻、能解释内容的配图资产。
它不是完整社交卡片工具，也不是 PPT 工具。更准确的分工是：
- 配图 Skill：生成中心图。
- 社交媒体卡片 Skill：把中心图、标题、正文、主题色排成可发布卡片。
- PPT Skill：把中心图放进演示页面。
对外名字采用「归藏的材质插画 skill」：像一句人会自然说出口的话，也更容易传播。
3. 目标用户与场景
主要用户是打工人、内容生产者、知识博主、产品 / 技术作者、老师，以及需要把复杂内容讲清楚的人。
典型场景：
- 工作汇报：周报、项目进度、风险分流、复盘、路线图。
- 内容生产：选题流程、资料卡片、观点结构、发布链路。
- 产品说明：登录流程、权限机制、API 结构、功能对比。
- 数据图表：柱状图、折线图、甘特图、桑基图、热力图、累计流图、漏斗图。
- 教育解释：小学科学、中学物理、生物、化学、地理机制。
- 人文配图：历史路线、文学意象、哲学概念、社会学隐喻。
- 冷门概念：模型 Logo、专业术语、管理方法、科学装置、历史物件。
人文类可以支持，但边界要清楚：适合做「意象 + 结构 + 标签」的解释图，不适合伪造历史现场、真实人物照片或把复杂争议压成一句口号。
4. 关键产品决策
决策 1：配图层和排版层拆开
图像模型擅长生成有材质、有空间、有符号关系的中心图；HTML/CSS 更擅长稳定控制标题、正文、平台尺寸和主题色。
所以这个 Skill 只负责中心图，不把整张社交卡片都包进来。这样和社交媒体卡片 Skill 配合时，职责更清楚。
决策 2：图内可以有字
解释图没有字，经常就变成猜谜。只要图片本身承担解释任务，就应该直接生成短中文标签、箭头说明、数据标注或图例。
但图内文字要短，外层卡片负责一句话介绍和正文节奏。不要把整段文章塞进图片。
决策 3：模式由 Agent 自己判断
用户不该被迫回答「你要图表模式还是教育模式」。Skill 应该根据输入判断：这是一段文章、一个图表截图、一组数据、一套工作流，还是一个需要参考搜索的冷门概念。
只有当关键信息缺失，并且会明显影响结果时，才问用户。
决策 4：参考搜索补事实，不抄风格
参考图和参考信息的价值是让模型知道「这个东西到底长什么样、有哪些部件不能错、观众靠什么识别它」。
参考搜索不用于复制外部图的画风，也不用于拼贴来源素材。最后仍然统一生成归藏材质插画。
决策 5：图表重画，不截图换皮
遇到图表截图时，只抽取图表语义：标题、图表类型、数据、单位、横纵坐标、类别顺序、误差线和重点结论。
原截图排版差，就不要继承它。最终图可以有更大的标题区、更多说明插画、更少但更清楚的数据呈现。
5. 支持类型
这个 Skill 当前重点支持：
- 概念拆解图：一个概念由哪些部分组成。
- 流程图解：从输入到输出的步骤。
- 循环机制图：增长循环、反馈回路、飞轮。
- 对比图：前后对比、两种路径、两类策略。
- 场景解释图：办公室、课堂、实验台、历史路线、城市系统。
- 教育机制图：力、电、磁、生态、化学反应、生物结构。
- 人文意象图：诗歌、历史、哲学、社会学概念。
- 材质化图表：柱状图、折线图、甘特图、桑基图、热力图、漏斗图、累计流图。
- 参考辅助图：模型、品牌、专业术语、科学装置、管理框架。
6. 反模式
下面这些是成品质量的边界：
- 无字装饰图：明明要解释概念，却只画一个漂亮场景。
- 图内塞长文：标签应该短，长解释留给外层卡片或正文。
- 错字和乱码：中文标签不对就重生图，不要硬交付。
- 小图硬缩放：如果配图是主角，卡片里必须给足面积。
- 假数据：图表数值、坐标、排名和单位不能编。
- 截图换皮：不要复刻原图糟糕排版。
- 模式审讯：不要让用户先选一堆内部模式。
- 暴露幕后信息：提示词、Skill 调用、生成流程不能出现在观众可见成品里。
- 参考拼贴：参考只用于理解，不用于照搬画面。
7. 下一步
- 把测试案例整理成可浏览 gallery，方便后续判断风格是否跑偏。
- 给图表类补更多类型：雷达图、矩阵图、泳道图、时间轴、组织结构图、地图型数据。
- 给参考搜索做一个更稳定的记录格式：查了什么、提取了什么、不采用什么。
- 补一份和社交媒体卡片 Skill 联动的最小 recipe：图片多大、外层文字放多少、什么时候不要缩图。