Tools效率工作流
00 / 00
文章插画体系
用 AI 建立可复用的文章配图风格，让教程、案例和首页拥有统一的视觉语言。
很多教程站的问题不是内容不够，而是看起来太干。
如果每篇文章都是密密麻麻的文字，读者很难快速进入状态。插画的作用不是装饰，而是帮读者在第一眼理解这篇内容的情绪和主题。
01MVP 的做法是建立一套长期复用的黑白插画体系，再用 Skill 和 Imagegen 批量生成文章配图。
为什么要做成体系
不要每篇文章临时找一张图。
临时找图有几个问题：
- 风格不统一，网站看起来像素材拼贴
- 图片版权和来源很难长期管理
- 每次写文章都要重新想视觉方向
- 很难让读者一眼认出这是你的内容
一套好的文章插画体系应该满足：
| 要求 | 说明 |
|---|---|
| 可识别 | 读者一看就知道是你的内容 |
| 可批量 | 能给几十篇文章持续生成 |
| 可压缩 | 适合放在网页里，不拖慢加载 |
| 可复用 | 首页、文档、公众号、小红书都能用 |
| 可描述 | 可以写成 Skill，让 AI 稳定复现 |
最小流程
1. 先定角色，不要先定风格词
风格词很容易飘，比如「极简」「高级」「黑白线稿」。
更稳定的做法是先定一个长期角色：
- 它是谁
- 身体比例是什么
- 表情克制还是夸张
- 线条粗细
- 是否有固定道具
- 能不能出现在不同场景里
对 01MVP 来说，角色是一个黑白极简的 01 操作员。它可以操作工具、搭建网站、推流程、管理素材，也可以出现在教程场景里。
2. 写成可复用的生成规范
不要只把一次 Prompt 存起来。
应该写成规范：
生成一张 01MVP 风格文章插画。
风格：
- 黑白为主，线条清晰，粗细稳定
- 不使用复杂渐变和照片质感
- 构图简洁，留出正文附近的呼吸感
角色：
- 一个 01 操作员，形象简洁，动作明确
- 表情克制但有一点幽默感
输出：
- 适合放在 01MVP 文档顶部
- 主题必须对应文章内容，不要做抽象装饰图这类规范最好沉淀成 Skill，而不是每次复制。
3. 根据文章主题生成场景
给 AI 的输入不要只写标题。
更稳的输入是：
文章主题：目标编程
读者要理解：不是让 AI 多写代码，而是先写清目标、验收和 Harness，再让 Agent 长时间运行。
插画场景：01 操作员把一个模糊想法整理成目标清单，然后交给自动运行的机器。你给得越具体，图片越不容易变成空泛的科技感素材。
4. 压缩并上传到对象存储
生成图不能直接丢进网站。
推荐流程：
- 生成原图
- 人工挑选最适合的一张
- 压缩成 WebP
- 上传到 R2 或其他对象存储
- 用稳定 URL 写进 MDX
示例：
图片文件名要能看懂，不要只用随机 ID。
5. 批量生成时开多个 Agent，但统一验收
如果要给几十篇文档补图，可以让多个 Agent 并行。
但验收标准必须统一：
- 是否符合角色设定
- 是否对应文章主题
- 是否没有多余文字
- 是否能在浅色和深色页面里都看清
- 文件大小是否可接受
- 图片 URL 是否稳定
批量出图最怕的是每张都不错，但放到一起不像一个系统。
常见错误
| 错误 | 后果 | 修正方式 |
|---|---|---|
| 每篇都换风格 | 网站没有识别度 | 固定角色和线条规则 |
| 图只追求好看 | 不能辅助理解 | 先写文章主题和读者要理解的点 |
| 直接上传大图 | 页面加载慢 | 压缩成 WebP |
| 图片里塞大量文字 | 移动端看不清 | 文字放正文，图负责场景 |
| 只用生成图，不做人工挑选 | 质量不稳定 | 每篇至少人工过一眼 |
适合做成 Skill 的部分
这类流程非常适合沉淀成 Skill：
- 角色设定
- 画面风格
- 文章主题解析
- 文件命名规范
- 压缩和上传步骤
- MDX 引用格式
一旦 Skill 稳定，后面写新文章就可以直接说：
用 01MVP 插画体系给这篇文档生成一张头图，压缩后上传到 assets.01mvp.com，并把 MDX 图片引用补进去。继续阅读
这篇文档有问题？