用途：在规划智能体系统、数据管道或系统架构时生成可视化流程图，输出 tldraw 的 .tldr 文件，并在基于 tldraw React 组件的 playground 中打开编辑。
主要能力：用简化 JSON 描述节点（rectangle、diamond、cloud、ellipse、note、text、frame）与箭头，由 create_diagram.ts 自动处理箭头绑定、富文本、ID 前缀与 dagre 自动布局；支持手动指定坐标；用 validate.ts 校验、stats.ts 输出 KPI、render_svg.ts 导出静态 SVG；playground 提供画布编辑、阶段选择、智能体与模型/工具配置、KPI 栏；节点可标注 phase（planned/in_progress/implemented/needs_revision）以支持 Plan-Code Loop。
必要用法：bun run ${SKILL_DIR}/scripts/create_diagram.ts --input shapes.json --output .../workflow.tldr --layout auto [--open]；playground 用 bun run ${SKILL_DIR}/scripts/playground_server.ts --file workflow.tldr 启动；已有 tldraw 可通过 bun add tldraw 安装。
适用场景与限制：适合多智能体编排、带分支与并行的数据管道、实施前的架构规划；目标节点数 7-12，超过 20 建议拆分多图。playground 为主输出，SVG 仅作静态分享；.tldr 为唯一事实来源，保存写回该文件；端口冲突会尝试释放或换端口。具体收费、平台支持与效果资料暂未提供。