메뉴
创建和编辑 Excalidraw 手绘风格技术示意图。当用户要求创建流程图、架构图、序列图、数据流图、思维导图、ER 图、关系图、示意图、diagram 或任何 .excalidraw 格式的可视化图表时使用。即使用户只说"画个图""画个流程""可视化一下""来个架构图""画个示意图"也应触发，默认输出 .excalidraw JSON 格式。不适用于信息图（infographic）或图片生成场景。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
当用户希望根据已有规格文档推进实现、说"开始开发""实现这个功能""按 spec 来做"时使用。读取 spec、探索代码库、生成任务计划，并在用户确认后执行开发。如果没有 spec 文档，会引导用户先创建。
当用户需求已基本明确、希望生成结构化的规格文档、或明确说"写规格""写 spec""整理需求"时使用。基于 EARS 方法生成需求规格说明。如果需求还很模糊，应先使用 sd-brainstorm 收敛。
生成 AI 图片，支持文字描述生成图、参考图片、多种宽高比和批量生成。当用户要求"生成图片""画一张图""生成一张 XX 的图""create an image""generate a picture"、或任何需要 AI 生图的场景时使用。这是通用图片生成能力，wj-visual 和 wj-xhs-images 等 skill 在生图时会调用此 skill。
生成单张图片（文章封面、信息图、海报、技术架构图、学术配图、概念插画等所有单图场景）。当用户要求"生成封面图""做个封面""画张信息图""infographic""做张海报""banner""editorial cover""画个架构图""系统架构图""ER 图""时序图""流程图""学术配图""论文配图""pipeline figure""神经网络架构图""graphical abstract""knowledge card""高密度信息大图""可视化笔记""做张图说明 XX""治愈系插画""概念场景图"或任何需要单图输出的场景时使用。即使用户只说"封面""cover""信息图""做张图""画张图"也应触发。多张图系列（小红书图文）请用 wj-xhs-images。
生成小红书图文系列（1-10 张卡通风格图片）。当用户提到"小红书图片""XHS""RedNote""做套图""图文笔记""knowledge series"时使用。即使用户只说"做几张小红书的图"也应触发。单张信息图请用 wj-visual。
当用户描述一个开发意图但不确定该从脑暴、写规格还是开发开始时使用。简单想法、信息不足、需要思考或脑暴时进入 brainstorm；已有较详细 PRD、技术文档、需求说明或明确规格素材时进入 write-spec；如果已经有 spec 文档并明确要推进实现，可以进入 dev。workflow 不直接进入 review/debug/parallel。
| name | wj-excalidraw |
| description | 创建和编辑 Excalidraw 手绘风格技术示意图。当用户要求创建流程图、架构图、序列图、数据流图、思维导图、ER 图、关系图、示意图、diagram 或任何 .excalidraw 格式的可视化图表时使用。即使用户只说"画个图""画个流程""可视化一下""来个架构图""画个示意图"也应触发，默认输出 .excalidraw JSON 格式。不适用于信息图（infographic）或图片生成场景。 |
生成手绘风格的技术示意图，输出 Excalidraw JSON 格式（.excalidraw 文件）。
{
"type": "excalidraw",
"version": 2,
"source": "https://excalidraw.com",
"elements": [],
"appState": {
"viewBackgroundColor": "#ffffff",
"gridSize": null
},
"files": {}
}
index（order key）字段invalid order key: xx。index 字段。index；如果出现 order key 错误，优先移除全文件元素的 index 字段后再保存。fontFamily 默认必须为 5（ExcalFont）。只有用户明确要求其他字体时，才可使用 1/2/3。每个元素必须包含完整属性集（id, type, x, y, width, height 等 18 个字段）。完整模板和各类型详细参考见 element-reference.md。
| 类型 | 用途 |
|---|---|
rectangle | 组件、模块、容器、流程框 |
ellipse | 状态节点、开始/结束点、数据对象 |
diamond | 条件判断、分支逻辑、决策节点 |
text | 标注说明、代码片段 |
arrow | 数据流向、调用关系 |
line | 连接线（无箭头）、生命线 |
freedraw | 手绘路径 |
frame | 分组/框架元素 |
| 颜色系 | 边框色 | 背景色 | 语义 |
|---|---|---|---|
| 紫色系 | #7c3aed | #faf5ff | 核心概念、架构组件 |
| 绿色系 | #059669 | #ecfdf5 | 成功状态、正向流程、调度器 |
| 蓝色系 | #0ea5e9 | #f0f9ff | 数据容器、任务队列 |
| 青色系 | #0891b2 | #f0fdff | 次要元素、辅助功能 |
| 橙色系 | #ea580c | #fff7ed | 执行阶段、动作操作 |
| 红色系 | #dc2626 | #fef2f2 | 重要提示、优先级 |
| 黄色系 | #ca8a04 | #fefce8 | 特殊处理、工作循环 |
| 靛蓝系 | #6366f1 | #f5f3ff | 任务项、组件单元 |
#374151（gray-700）strokeWidth: 2提供 4 种预设：semantic-tech（默认技术图）、claude-docs（Claude 文档风格）、minimal-paper（论文配图）、warm-poster（概念海报）。
选择逻辑：用户提到 Claude/Anthropic 风格用 claude-docs；强调克制/论文感用 minimal-paper；强调海报/视觉用 warm-poster；其他技术图默认 semantic-tech。用户提供参考图时，预设只作为起点。
详细配色和布局参数见 presets.md。
fontFamily：5 ExcalFont（默认且优先），2 Helvetica（仅用户明确要求），3 Cascadia（仅代码标注），1 Virgil（仅休闲风）fontSize：标题 28-36，节标题 24，标签 20，描述 16，注释 14完整属性模板见 element-reference.md。
points 第一个点始终为 [0, 0]，后续点相对于元素 x/ywidth/height 必须匹配 points 的边界框null, "arrow", "bar", "dot", "triangle"完整属性模板见 element-reference.md。
boundElements 包含文本 ID，文本的 containerId 指向形状 IDboundElements 包含箭头 ID，箭头的 startBinding/endBinding 指向形状 ID完整绑定示例见 element-reference.md。
| 属性 | 值 |
|---|---|
fillStyle | "solid", "hachure", "cross-hatch" |
strokeWidth | 1（细），2（中），4（粗） |
strokeStyle | "solid", "dashed", "dotted" |
roughness | 0（精确），1（微手绘），2（草图） |
roundness | { "type": 3 } 圆角，null 直角 |
| 类型 | 关键形状 | 流向 |
|---|---|---|
| 流程图 | rectangle + diamond | 上→下 |
| 序列图 | rectangle + line(dashed) + arrow | 左→右时间 |
| 架构图 | rectangle 分层 | 上→下 |
| 思维导图 | ellipse + line | 中心→外 |
| 数据流图 | ellipse + rectangle + arrow | 各种 |
| ERD | rectangle + line | 无固定 |
id 和 seed 全局唯一，ID 使用描述性前缀（rect-、text-、arrow-、diamond-）fontFamily: 5；未收到明确字体要求时不切换arrow/line 的 points[0] 必须是 [0, 0]，width/height 与 points 边界一致diagrams/ 目录，按模块分类；无该目录则根据项目结构决定输出 .excalidraw 前检查: JSON 可解析、id 唯一、无 index 字段、arrow/line 的 points[0] === [0,0]、text 默认 fontFamily === 5、frameId 指向有效 frame。
若用户反馈 invalid order key: 删除全文件元素 index 字段，保持其余参数不变后重新保存。