# Real Office Whiteboard Illustration

> 生成或直接绘制“真实办公室白板手绘讲解图”。适用于用户提到“真实白板”“办公室白板”“会议室白板”“白板手绘”“白板讲解图”“现场板书”“Marker 手绘”“创业复盘白板”“Problem → Analysis → Solution 白板图”等需求，并希望把主题、文章、观点、流程、架构或复盘内容转成 16:9 横版、摄影感白板、粗 Marker 手绘线条的中文讲解图。生图时使用 imagegen；只要提示词时输出可直接用于生图的完整提示词。

- Skill: `chujianyun/real-office-whiteboard-illustration` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add chujianyun/real-office-whiteboard-illustration`
- Raw SKILL.md: https://api.skillmd.com/api/skills/chujianyun/real-office-whiteboard-illustration/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: chujianyun (https://skillmd.com/u/chujianyun)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/chujianyun/real-office-whiteboard-illustration

---


# 真实办公室白板手绘讲解图

## 效果预览

![效果预览](preview.png)

把用户给出的主题、观点、文章、流程或系统结构，转成一张像在办公室会议室里拍到的白板手绘讲解图。重点是“真实白板摄影感 + 现场 Marker 手绘 + 清晰讲解”，而不是干净矢量海报、PPT 模板或商业插画。

## 顶部约定

- **默认比例**：`16:9`
- **默认语言**：中文为主，允许少量中英文混排
- **默认画风**：真实办公室白板摄影感 + 粗 Marker 手绘讲解
- **默认输出**：可直接用于图片模型的完整中文提示词
- **生图工具**：当用户要求“画一张 / 生成图片 / 直接出图 / 帮我画 / 启动绘图”时，整理最终提示词后调用 `imagegen` / `image_gen`
- **工具边界**：本 skill 只负责真实办公室白板风；生图时不要调用其他插画类 skill 改写风格

## 适用场景

优先用于：

- 白板手绘讲解图、办公室白板图、会议室白板图
- 创业复盘、项目复盘、技术方案讲解、Agent / 系统 / 流程拆解
- `Problem → Analysis → Solution`、`Before → Process → Result`、痛点 → 诊断 → 解法
- 需要人物、机器人 / Agent、电脑、文件、时钟、齿轮、放大镜、警告、对勾、图表等简笔符号辅助讲故事
- 用户给出长文本，希望压缩成 2 到 3 个模块的白板讲解画面

不适合：

- 干净白底架构图、纯信息图、课件式白板图
- 电商海报、公众号封面、PPT 模板、科技蓝光、赛博风、3D 渲染

## Reference Files

- **[references/visual-style.md](references/visual-style.md)**：固定视觉规范和提示词骨架。写最终提示词或需要保持画风一致时读取。

## Core Workflow

### Step 1：提炼白板讲解逻辑

从用户内容里提炼：

- **标题**：4 到 12 个字，像现场白板上的大标题
- **核心判断**：这张图要让人记住的一句话
- **结构**：优先选择 `Problem → Analysis → Solution` 或 `Before → Process → Result`
- **重点数字 / 关键词**：1 到 3 个，可以放大、红圈或下划线
- **视觉符号**：人物、Agent、文件、电脑、时钟、齿轮、放大镜、警告、对勾、柱状图、增长箭头等

如果用户给了长文，不搬运正文；最多保留标题、模块名、关键词、短句和重点数字。

### Step 2：组织成现场白板版式

默认构图：

- 顶部：很大的手写中文标题
- 标题下方：一行副标题或逻辑链，用箭头连接
- 中间：2 到 3 个模块讲故事，模块之间用粗箭头连接
- 底部：一句醒目的总结句或 Quote，关键字用红色圈线、蓝色下划线或绿色对勾强调

常用模块名：

- `问题 Problem`
- `分析 Analysis`
- `解决 Solution`
- `之前 Before`
- `过程 Process`
- `结果 Result`
- `记忆 Memory`
- `自动化 Cron`
- `Agent`

### Step 3：读取固定视觉规范

准备输出最终提示词或调用 imagegen 前，读取 `references/visual-style.md`，把其中的摄影感白板、Marker 笔触、配色、版式、文字规则和避免项合并进最终提示词。

### Step 4：交付提示词或直接出图

- 用户只要提示词：输出最终提示词。
- 用户明确要图片：整理最终提示词后调用 `imagegen` / `image_gen`。
- 用户要求多个方向：最多给 3 个不同白板故事结构，每个方向都保持真实办公室白板风。

## Prompt Writing Rules

最终提示词必须包含：

- “生成一张 16:9 横版真实办公室白板手绘讲解图”
- 白板摄影感：边框、轻微反光、擦痕、灰尘、笔迹残留、笔槽、板擦、白板笔、办公室会议室背景轻微虚化
- 手绘感：粗黑色 Marker、线条略抖、不完美、斜线涂抹填色、简笔图标和人物
- 配色：黑色主体，蓝色主流程，红色重点 / 错误 / 警告，绿色解决 / 成功 / 对勾，少量黄色用于灯泡或灵感
- 文字：中文为主，短而清晰，像白板手写体，允许中英文混排
- 禁止项：不要 PPT 模板风、扁平矢量风、科技蓝光、赛博风、干净 UI、卡片式设计、渐变背景、精致插画、3D 渲染、过度光滑图标

## Output Modes

### 默认输出提示词

```markdown
# 真实办公室白板手绘生图提示词

**建议比例**：16:9

## 最终提示词

[可直接用于 imagegen 的完整提示词]
```

### 直接出图

用户明确要求生成图片时，使用整理后的完整提示词调用 `imagegen` / `image_gen`。生成后只做简短回应，不输出冗长分析。

## Do / Don't

**Do**

- 让画面像真实会议室白板照片
- 先提炼故事结构，再安排模块
- 用粗 Marker、圈线、下划线、箭头和简笔符号讲清楚
- 控制文字数量，让关键词可读
- 保留擦痕、残留笔迹、反光和白板物件

**Don't**

- 不要做成纯白底矢量信息图
- 不要把用户原文整段搬进白板
- 不要使用大面积渐变、科技蓝光、玻璃质感或 3D
- 不要做成卡片式 UI 或 PPT 模板
- 不要让白板太干净、太商业插画、太平滑