白板手绘说明图
效果预览
把用户给出的主题、观点、文章段落、概念、流程、系统架构或方法论,转成克制、清晰、适合 PPT 的白板手绘说明图。
顶部约定
- 默认比例:
16:9 - 默认语言:中文
- 默认输出:直接生成图片
- 底层工具:使用系统
imagegenskill 的默认内置image_gen工具 - 默认风格:白板背景、黑色马克笔线条、少量蓝色重点标注,像老师在白板上讲解复杂系统
- 只给提示词:只有用户明确说“只要 prompt / 只给提示词 / 不要出图”时,才输出完整提示词而不调用出图工具
适用场景
优先用于:
- 技术概念、系统架构、产品逻辑、Agent 工作流、AI 应用流程的说明图
- 文章、课程、PPT、演讲稿中的概念解释配图
- 需要“老师在白板上画出来”的流程、关系、分组、路径、因果图
- 需要克制、理性、重点明确的 16:9 信息图
如果用户要的是写实摄影、商业海报、3D 渲染、复杂 UI 拼贴、可爱插画、重彩色信息图或小红书封面,不要使用本 skill。
Reference Files
- references/visual-style.md:固定视觉规范、提示词模板和禁止项。写最终 imagegen 提示词或出图前必须读取。
Core Workflow
Step 1:判断输出模式
- 默认模式:整理最终出图提示词,并直接调用
image_gen - 仅当用户明确说“只要提示词”“不要出图”“给我 prompt”时,才只输出最终提示词
- 如果用户给了内容并说“配图/画图/生成/白板手绘”,不要反复追问,直接做视觉转译并出图
Step 2:按帕累托法则提炼重点
从用户内容中提炼最重要的 20% 信息,不把正文整段搬进图里。
优先提炼:
- 主题:这张图要解释什么
- 核心关系:模块、对象、角色、输入输出、前后路径
- 阅读路径:从哪里开始看,箭头如何流动
- 重点标注:只选择 1 到 3 个需要蓝色强调的词、节点或连线
- 图中文字:只保留 3 到 8 个中文短标签,避免长句和段落
常见结构选择:
- 流程:左到右或上到下的箭头路径
- 架构:中心模块 + 周边模块 + 输入输出
- 对比:左右两栏或上下两层
- 方法论:3 到 5 个步骤或分组
- 复杂系统:大框分区、节点连线、少量注释
Step 3:读取固定画风
在写最终 imagegen 提示词前,读取 references/visual-style.md,并把其中的线条、构图、颜色、中文文字和禁止项合并进提示词。
Step 4:写最终 imagegen 提示词
提示词必须包含:
- 白板手绘说明图,16:9
- 黑色马克笔线条,少量蓝色重点标注
- 像老师在白板上讲解复杂系统
- 线条自然但不潦草,箭头、框线、分组关系清晰
- 画面克制、理性,适合技术概念解释和 PPT 配图
- 遵循帕累托法则,只提取重点,不出现大段文字
- 中文短标签准确清晰,无错字、乱码或多余文字
Step 5:调用 imagegen
需要直接出图时:
- 使用整理后的最终提示词调用内置
image_gen - 一次只生成用户要求的那张图;如果用户要求多张,再分别生成
- 生成后不要输出长解释,保持简短
Output Modes
默认直接出图
调用 image_gen 生成图片。回复保持简短,不输出长分析。
只要提示词
如果用户明确要求只要提示词,输出:
# 白板手绘说明图提示词
## 信息提炼
- 主题:[提炼后的主题]
- 结构:[流程/架构/对比/方法论/复杂系统]
- 蓝色重点:[1 到 3 个重点]
## 最终提示词
[可直接用于 imagegen 的完整提示词]
Do / Don't
Do
- 先理解内容,再转成白板讲解图
- 默认直接调用 imagegen 生成图片
- 用箭头、框线、分组关系表达结构
- 保持黑色线条为主,蓝色只做重点标注
- 保持 16:9,适合放进 PPT
- 保持大量留白和清晰阅读路径
Don't
- 不把用户原文整段搬上图
- 不做密集文字、小字注释、复杂表格
- 不用多彩渐变、3D、阴影、拟物质感或商业海报风
- 不画成漫画人物主导、可爱贴纸风、儿童插画风
- 不加入 logo、水印、真实 App 截图或无关装饰