Haonan Image Whiteboard

SKILL.md

把复杂内容转成清晰、友好、可读的白板手绘风格视觉稿。核心目标不是“画得花”，也不是做粗浅极简图，而是像一位优秀讲师在白板上完整讲清一个主题：结构清楚、信息充分、重点突出、线条自然、文字精炼但不空泛。

边界

• 写实摄影图
• 精确工程制图
• 大段文字海报
• 需要严格品牌视觉系统的商业 KV
• 需要准确渲染复杂表格、公式或长文本的图片

默认输出风格

默认风格：whiteboard-sketch

视觉关键词：

clean airy whiteboard sketch style
white background
thin black hand-drawn marker lines
subtle line wobble
light organic imperfect strokes
generous whitespace
simple doodle icons
fine wavy hand-drawn arrows
rounded information zones
hand-lettered labels
organized multi-zone composition
blue green orange section accents
minimal red warning accents only when necessary
unframed black handwritten signature "刘浩南" in the lower-right corner
diagram-style visuals only
not photorealistic

中文描述：

清爽留白的白底白板手绘报告风格。纯白背景，黑色细马克笔线条，
所有形状、箭头、人物和图标都有轻微手绘抖动，但线条不要粗重。
使用蓝、绿、橙三种马克笔做分区、层级和重点：蓝色偏结构和技术，
绿色偏流程、正向结果和完成，橙色偏重点、提醒和关键结论。红色只在确有
风险或严重错误时少量使用。画面包含清晰分区和较多留白，信息完整但不拥挤。
右下角固定放置无边框、黑色、手绘签名“刘浩南”，像讲师在白板角落签名。

Codex 执行规则

本 skill 默认运行在 Codex 环境中。目标是整理高质量白板手绘提示词，并直接调用 Codex 内置图像生成能力出图。

必须遵守：

• 优先直接调用 Codex 的 imagegen / image2，或当前环境中更强的原生生图模型。
• 不要检查、安装或依赖 Pillow、ImageMagick、Canvas、Sharp、Playwright、浏览器截图、Node 图像库或本地图像处理库来生成 PNG。
• 不要降级为 HTML、SVG、Canvas 或网页截图作为最终图片。
• 不要为了“生成图片”创建本地渲染管线；本 skill 不是本地绘图工具。
• 如果用户只要求提示词，则输出完整提示词；如果用户要求出图，则准备好提示词后直接调用生图模型。
• 如果需要多张图，分别构造每张图的提示词，并保持同一套线条、字体、留白、颜色和负面约束。
• 如果需要多张图，默认保持同一套白底、细线、蓝绿橙分区、宽松留白和右下角签名规则。
• 如果图片中文字错误、乱码或不可读，修改提示词并重新生成，不要用程序在位图上覆盖或修补文字。
• 如果右下角“刘浩南”签名错误或不像手绘，不要用系统字体、PIL、SVG、Canvas 或 HTML 截图覆盖；重新生成图片，或单独用 imagegen/image2 生成黑色手绘签名贴片再做局部替换。

信息密度原则

默认追求“完整但清爽的白板信息图”，不要生成只有 3 个关键词和几个图标的单调草图，也不要为了信息完整而塞满画面。

• 优先保留主题所需的关键事实、流程、风险、措施、原则和结论。
• 一张完整信息图建议包含 4-7 个信息区块；复杂主题可包含 8-12 个短标签。
• 允许较多文字，但每个文字块必须短、分层、可读；避免整段正文。
• 信息密度高时，优先做分层和留白：用蓝、绿、橙分区、细框线、图标和箭头建立层级，而不是把所有内容挤在一起。
• 画面应有明确阅读路径，但阅读路径必须根据内容决定；不要把所有图片都套成同一个版式。
• 不要为了“留白”牺牲关键信息；留白用于分隔区块和提升可读性，不是让画面空洞。

工作流

1. 理解内容

   • 提取主题、核心观点、关键词、数据、人物、流程、结论。
   • 判断最适合的视觉类型：知识卡片、流程图、概念图、对比图、机制图、封面图。

2. 压缩信息

   • 图片内只保留关键词、短标签、短句。
   • 长解释放在图片外的正文中，不塞进图里。
   • 每张图聚焦一个主题，但要完整呈现该主题的关键维度。

3. 选择布局

   • 根据内容类型选择最合适的版式，不要机械套用固定布局。
   • 多维政策/指南/治理主题：可用白板报告布局，如标题 + 清单 + 场景 + 流程/风险 + 总结。
   • 概念解释：可用中心主题 + 4-6 个分支 + 底部 takeaway。
   • 流程说明：可用横向/纵向/环形流程，并标注风险点或检查点。
   • 对比说明：可用左右对比、2×2 象限、矩阵或天平式结构，并给出结论/推荐路径。
   • 时间发展：可用时间线、路线图或阶段阶梯。
   • 系统机制：可用输入-处理-输出-反馈闭环、泳道图或模块关系图。
   • 文章配图：可用标题 + 关键模块 + 场景/隐喻 + takeaway。
   • 封面图：可用大视觉隐喻 + 简短标题 + 2-4 个关键词。

4. 生成提示词

   • 先写完整提示词。
   • 明确画面规格、内容、布局、文字、风格、负面约束。
   • 如果生成多张图，保持同一套线条、字体、留白和颜色规则。

5. 生成图片

   • 在 Codex 中直接调用内置 imagegen / image2，或当前可用的更强原生生图模型。
   • 把最终提示词作为生图输入，不要先尝试本地库生成 PNG。
   • 不用 SVG、HTML、Canvas、浏览器截图或本地渲染结果冒充生图结果。

6. 检查与迭代

   • 检查文字是否少、清楚、可读。
   • 检查是否出现写实、电脑字体、拥挤、复杂背景。
   • 如果文字错了，重新生成，不要用程序覆盖或修补位图文字。

提示词骨架

所有图片提示词建议使用这个结构：

Create a clean whiteboard sketch style visual explainer.

## Image Specifications
- Type: [whiteboard report infographic / knowledge card / flowchart / concept map / comparison / cover / article illustration]
- Aspect ratio: [16:9 / 4:3 / 3:4 / 1:1]
- Language: Chinese
- Style: whiteboard sketch, hand-drawn marker illustration

## Core Message
[一句话说明这张图要表达什么]

## Content
- Title: [中文标题]
- Main scene or central mechanism: [核心场景/机制]
- Key points: [5-9 个短标签或短句]
- Process or relationship: [3-5 个步骤/关系]
- Risks or warnings: [2-4 个风险点，如适用]
- Mitigations or principles: [3-5 个措施/原则，如适用]
- Bottom takeaway: [一句短总结]

## Layout
[说明根据内容选择的版式：报告式、流程式、概念地图、对比矩阵、时间线、机制图、封面图等。不要默认套用固定左右中底布局。]

## Visual Style
Use a clean pure white whiteboard background.
Use thin black hand-drawn marker lines with subtle wobble.
Use simple doodle icons, stick-figure characters, rounded boxes, and wavy arrows.
Use an airy, organized multi-zone composition with generous whitespace.
Use blue, green, and orange marker accents to separate sections and hierarchy.
Use blue for structure, technology, data, and system boundaries.
Use green for process, progress, positive outcomes, and completed steps.
Use orange for key points, reminders, decisions, and takeaways.
Use red only sparingly for severe risks or critical failure points.
Use enough content modules to explain the topic completely without becoming crowded.
All text should look hand-lettered and be large enough to read.
Place an unframed black handwritten signature "刘浩南" in the lower-right corner.

## Text Rules
Use short Chinese headings, labels, and compact bullet phrases.
No long paragraphs, but do include enough labels to preserve important information.
Main title must be prominent.
Labels must be readable.

## Negative Rules
No photorealistic elements.
No computer-generated fonts.
No perfect geometric shapes.
No glossy effects, gradients, or stock illustration style.
No crowded composition.
No heavy black outlines.
No dense marker fill.
No overly simplistic three-icon summary when the topic requires richer explanation.
Do not show color names, hex codes, or palette labels as visible text.

风格规范

背景

• 默认：纯白白板背景 #FFFFFF
• 可选：极浅暖白纸面背景 #FCFBF7
• 不使用复杂背景、深色纹理、照片背景
• 背景应保持干净、明亮、呼吸感强，不做大面积色块铺底

线条

• 黑色细马克笔线条
• 轻微抖动，不要完美直线
• 线条自然、有轻微手绘压力变化，但整体偏细、偏轻
• 箭头可以略弯、略歪，但方向必须清楚
• 避免粗重黑边、粗涂阴影、密集排线和大面积涂黑

颜色

默认以白底黑线为主，使用蓝、绿、橙作为分区和层级强调色。红色只在必须表达风险、错误或禁止项时少量使用。

推荐强调色：

Orange #F4A261 - 重点、提醒
Blue #7EC8E3 - 技术、数据、AI
Green #87A96B - 增长、正向、流程完成
Red #E8655A - 严重风险、警示、关键错误

颜色规则：

• 默认每张图使用蓝、绿、橙三个分区色，保持统一系列感。
• 蓝色用于结构、技术、数据、治理边界和系统关系。
• 绿色用于流程、正向动作、完成状态、反馈闭环和成长。
• 橙色用于重点、决策、提醒、关键结论和底部 takeaway。
• 红色只用于风险路径、警示三角、错误、偏见、泄露、失败点；没有风险时不要强行使用红色。
• 颜色只用于细框线、下划线、小图标、箭头和轻量高亮，不要铺满画面。
• 不要把 hex 值或颜色名称画进图里。

签名

• 每张图右下角固定加入黑色手绘签名：刘浩南
• 签名必须无边框、无底色、无装饰框，像白板角落的自然签名
• 签名尺寸要小于主内容标签，但清晰可见
• 签名不得遮挡正文、箭头、图标或底部总结
• 不要把签名做成 logo、印章、水印、金属字或电脑字体

字体与文字

• 所有文字应像手写白板字。
• 标题大、粗、醒目。
• 标签短、清楚、可读。
• 不要长段落。
• 中文使用自然中文标点。

元素库

可使用：

• 圆角信息框
• 手绘箭头
• 火柴人
• 思考气泡
• 对话气泡
• 灯泡
• 齿轮
• 文件
• 放大镜
• 锁
• 盾牌
• 图表箭头
• 勾选框
• 星号、下划线、圈注
• 警示三角
• 虚线分组框
• 白板外框
• 左侧装订孔/圆点
• 中央人物对话场景
• 右侧流程卡片
• 底部原则栏

避免：

• 写实人物
• 复杂场景
• 3D 渲染
• 光影厚重的插画
• 精细 UI 截图
• 复杂小字

布局模板

布局选择

先判断内容结构，再选择布局：

内容结构	推荐布局
多维指南、政策、治理、合规	完整白板报告信息图
步骤、路径、操作流程	流程图 / 路线图 / 泳道图
一个中心概念和多个因素	概念地图 / 放射图 / 中心枢纽图
A/B、前后、方案优劣	对比图 / 矩阵 / 天平式结构
时间演进、版本变化、发展历史	时间线 / 阶段阶梯
系统机制、产品架构、数据流	机制图 / 模块关系图 / 闭环图
单个观点、文章封面	封面图 / 单焦点隐喻图

布局必须服务内容。不要为了复刻某张参考图而让所有主题都变成“左侧清单 + 中间场景 + 右侧风险 + 底部总结”。

0. 完整白板报告信息图

适合：政策/指南/治理/合规/医疗 AI 复杂文章的一图看懂，尤其当内容同时包含实施要点、场景、风险路径和缓解措施时。

Create an information-rich whiteboard report infographic.

CANVAS:
- Landscape 16:9 or 2:1 whiteboard canvas.
- Pure white whiteboard canvas with generous margins.
- Optional very thin rounded black border around the whole whiteboard.
- Keep the outer frame light; do not add binder holes unless they serve the layout.

TOP:
- Large hand-lettered Chinese title centered at the top.
- One short subtitle under the title.
- Thin blue or orange hand-drawn underline under the key title phrase.

LEFT COLUMN:
- 3-5 checklist items in airy stacked rounded boxes.
- Each item includes one icon, one bold short heading, and one compact explanatory phrase.
- Use blue or green checkmarks and thin blue/green box outlines.

CENTER:
- One main explanatory scene or mechanism illustration.
- Use simple people, tool, device, document, model, or workflow symbols.
- Include 1-2 speech bubbles only if they clarify the scenario.

RIGHT COLUMN:
- A 3-4 step process, decision path, or risk path connected by fine arrows.
- Use green arrows for progress, orange labels for key decisions, and red only for real risks.

BOTTOM:
- Two or three callout boxes: principles, mitigations, legal/standard basis, or final takeaway.
- Use blue/green/orange dashed boxes for principles, process, and takeaways.
- Place an unframed black handwritten signature "刘浩南" in the lower-right corner.

STYLE:
- Thin hand-drawn black marker lines with subtle wobble.
- Blue, green, and orange marker accents for sectioning and hierarchy.
- Red marker only for severe risks or critical alerts.
- Rich but airy; preserve important facts without crowding the page.
- No heavy outlines, no dense marker fill, no empty oversimplified layout.

1. 知识卡片

适合：概念解释、文章摘要、社媒图文。

TOP:
- Large hand-lettered title with simple underline.

MIDDLE:
- 4-6 rounded sketchy boxes.
- Each box contains one short heading, one keyword, and one doodle icon.

BOTTOM:
- One short takeaway sentence.

STYLE:
- Whiteboard sketch.
- Thin black marker lines.
- Blue/green/orange accents for sectioning and highlights.
- Generous whitespace.
- Unframed black handwritten signature "刘浩南" in the lower-right corner.

2. 流程图

适合：工作流、方法步骤、机制解释。

Create a whiteboard sketch flowchart.

Layout: top-down or left-to-right process flow with 4-6 steps.
Each step is a rounded rectangle with one short Chinese label and one doodle icon.
Use curved hand-drawn arrows to connect steps.
Use green arrows for progress, blue outlines for structure, orange marks for key decisions.
Keep all text large, legible, and minimal.
Place an unframed black handwritten signature "刘浩南" in the lower-right corner.

3. 概念图

适合：中心概念、多因素关系、理论框架。

Create a whiteboard sketch concept map.

Place the main concept in the center inside a large rounded box.
Arrange 4-6 related concepts around it.
Connect them with wavy hand-drawn arrows or lines.
Use tiny doodle icons to represent each concept.
Keep the composition airy and readable.
Use blue, green, and orange accents for concept groups.
Place an unframed black handwritten signature "刘浩南" in the lower-right corner.

4. 对比图

适合：A/B 对比、前后变化、优缺点。

Create a whiteboard sketch comparison chart.

Use two large side-by-side zones.
Left side: [A]
Right side: [B]
Each side has 3 short bullet labels and one simple doodle icon.
Use a clear visual divider in the middle.
Use blue, green, and orange accents to separate meaning and mark the recommended or important side.
Place an unframed black handwritten signature "刘浩南" in the lower-right corner.

5. 机制图

适合：AI 系统、产品机制、医疗 AI 工作流、数据流。

Create a whiteboard sketch mechanism diagram.

Use 5-7 labeled components connected by hand-drawn arrows.
Show inputs, processing, decision point, output, and feedback loop.
Use simple icons for data, model, user, system, review, and result.
Avoid technical clutter. Prioritize conceptual clarity.
Use thin black lines, generous whitespace, and blue/green/orange section accents.
Place an unframed black handwritten signature "刘浩南" in the lower-right corner.

6. 封面图

适合：文章封面、报告封面、系列栏目封面。

Create a whiteboard sketch article cover.

Use one large central visual metaphor.
Place the title as large hand-lettered Chinese text.
Keep the background clean and mostly empty.
Use thin black marker lines and blue/green/orange accent marks.
The cover should feel thoughtful, clear, and editorial, not childish.
Place an unframed black handwritten signature "刘浩南" in the lower-right corner.

内容压缩规则

图片内文字上限：

• 标题：建议不超过 22 个中文字
• 模块标题：每个建议不超过 10 个中文字
• 标签：每个建议不超过 14 个中文字
• 完整白板报告图：总文字量可在 120-220 个中文字之间，前提是分区清楚、字号可读且留白充分
• 简单知识卡片：总文字量尽量不超过 100 个中文字

如果原文很长：

1. 先总结成 1 句话核心观点。
2. 再提取 4-7 个关键点。
3. 按“清单 / 场景 / 流程 / 风险 / 措施 / 总结”分组，不需要的分组可以省略。
4. 每个关键点配一个简单图标或短标签。
5. 不把完整段落放进图里，但要保留关键信息维度。

质量检查

生成前检查：

• 这张图是否只讲一个核心观点？
• 是否保留了主题所需的关键事实、流程、风险和措施？
• 是否有明确布局？
• 是否指定了纯白背景、黑色细线、蓝绿橙分区和充足留白？
• 是否指定右下角无框黑色手绘签名“刘浩南”？
• 是否写了负面约束？
• 是否避免长文本？
• 是否避免过度简化成空泛三点，也避免把画面塞满？

生成后检查：

• 文字是否清楚可读？
• 画面是否拥挤？
• 是否出现写实照片感？
• 是否出现电脑字体？
• 是否出现无意义英文、乱码或错误标签？
• 是否风格统一？
• 是否是白底、细线、多留白？
• 是否有蓝绿橙分区，而不是蓝红为主？
• 右下角是否有无框黑色手绘签名“刘浩南”？

如果不合格：

• 重新生成。
• 优先减少文字、减少元素、强化布局。
• 不要用程序在图片上覆盖错误文字。

默认提示词片段

风格片段

Clean airy whiteboard sketch style. Pure white background. Thin black
hand-drawn marker lines with subtle wobble. Generous whitespace. Blue, green,
and orange marker accents for sectioning, hierarchy, process, decisions, and
takeaways. Red marker only for severe risks when necessary. Simple doodle icons,
rounded information zones, fine wavy arrows, hand-lettered Chinese labels, and
organized multi-zone composition. Place an unframed black handwritten signature
"刘浩南" in the lower-right corner. Friendly educational tone.

负面片段

No photorealism. No 3D rendering. No glossy gradients. No stock illustration.
No perfect geometric shapes. No computer fonts. No dense paragraphs.
No tiny unreadable text. No complex background. No decorative clutter.
No heavy black outlines. No dense marker fill. No colored background blocks.
No framed signature, logo-like signature, stamp-like signature, or watermark.
No oversimplified three-icon summary when the topic requires a complete
whiteboard report. Do not remove important risk, process, or mitigation details.

中文图文卡片片段

生成一张中文白板手绘信息图。顶部是醒目的手写标题和一句副标题；主体分成
4-7 个清爽信息区块，每个区块有简短标题、少量标签和简单图标；底部保留一句
总结。整体像讲师在干净白板上完整解释一个复杂主题：纯白背景、黑色细马克笔
线条、较多留白、蓝绿橙三色做分区和重点，红色只在必须提示风险时少量使用。
右下角放无框黑色手绘签名“刘浩南”。信息完整但不要拥挤，也不要做成只有
三个图标的粗浅总结。

交付格式

每次完成后，返回：

• 生成图片路径
• 使用的布局类型
• 使用的核心提示词摘要
• 简短说明图片表达的核心观点

如果只是整理提示词，不生成图片，则输出：

• 完整提示词
• 推荐画幅
• 适用场景
• 可调参数

医院科室 AI 现状配图校准（2026-07 已发表样稿）

用于“医院科室 AI 现状精读”时，白板图不只追求好看，还要服务文章结构：

• 开篇演进图必须是时间轴/路线图，表达年份、产品形态、技术路线、工作流价值和当前阶段结论；平台型科室要能展示多个技术平台的成熟进度。
• 封面必须为 2.35:1 横版，字体大、文字极简、吸引读者；不要塞表格、长清单或密集小字。
• 平台型科室在结尾优先生成两张分层架构图：业务架构图（临床需求、样本与平台、AI生产任务、专家复核、交付治理）和技术架构图（数据采集、数据标准、AI模型、工作流编排、治理安全、应用层）。
• 监管起点证据如果原始页面是 JSON/API/不可读长截图，可生成“证据卡”，但图注必须写明原始来源，不得把证据卡冒充官网截图。
• 图片中文字必须少而准；如果无法保证长中文正确，改用更少标签，正文承担解释。