メニュー
生成可在 Draw.io/diagrams.net 中继续编辑的 UTF-8 `.drawio` XML 图形。用于业务/应用/技术/部署/数据架构图、流程图、状态图、生命周期图、时序图、ER/依赖/知识关系图、对比、决策矩阵、SWOT、时间线、路线图和总结图；不用于 Mermaid、静态 SVG、位图插画、统计图表或 UI 原型。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
代码变更规划助手 - 分析需求、设计方案、评估影响，输出可执行的变更计划
代码合并助手 - 分析 Git 冲突、追溯改动原因、提供合并方案
根据自然语言需求或需求文档生成简约、可在 Draw.io/diagrams.net 中继续编辑的 `.drawio` XML 页面原型。用于 XML 原型、Draw.io 原型、可编辑页面原型、后台页面线框图、UI 评审稿和产品页面结构设计；不用于可运行 HTML、架构图、流程图或高装饰性成品 UI。
根据自然语言需求或需求文档生成简约、可交互、浏览器可直接打开的自包含 HTML 原型。用于 HTML 原型、交互原型、页面原型、前端原型、UI 原型、Web mockup、后台管理原型和产品交互验证；不用于正式前端工程、Draw.io 原型、架构图或仅需静态图片的任务。
生成 Mermaid 源码或包含 Mermaid fence 的 Markdown 图表，适用于用户明确要求 Mermaid、Markdown 图表、文档即代码或可 diff 图形。支持 flowchart、sequence、class、ER、state、gantt、gitGraph、journey、pie、mindmap、timeline、quadrant、xy、sankey 和 block。优先保证类型选择、语法、自动布局和文档可维护性，不用于 Draw.io 可编辑 XML、精确坐标 SVG 或照片插画。
生成浏览器可直接展示、缩放和嵌入网页或文档的高质量静态 SVG 矢量图。用于用户明确要求 SVG、矢量图、网页配图或展示型架构图；支持业务、应用、系统、技术、部署、数据架构，以及流程、生命周期、状态、时序、ER、依赖、知识关系、对比、决策矩阵、SWOT、时间线、路线图和总结图。不用于 Draw.io 可编辑 XML、Mermaid 或照片插画。
| name | xml-diagram |
| description | 生成可在 Draw.io/diagrams.net 中继续编辑的 UTF-8 `.drawio` XML 图形。用于业务/应用/技术/部署/数据架构图、流程图、状态图、生命周期图、时序图、ER/依赖/知识关系图、对比、决策矩阵、SWOT、时间线、路线图和总结图；不用于 Mermaid、静态 SVG、位图插画、统计图表或 UI 原型。 |
生成可编辑、可复核的 Draw.io XML。禁止从用户自然语言直接跳到 XML；必须先完成需求分析和详细图形 DSL。
明确用途、受众、核心结论、内容范围、图形类型、主要实体或步骤、阅读方向和浅色/深色主题。区分用户确认内容、合理推断和待确认事实。
完成条件：能够用一段自然语言说明“这张图向谁说明什么，按什么顺序阅读”。
读取 references/diagram-dsl.md。DSL 必须覆盖叙事、布局、区域、节点、关系、颜色语义、假设和质量预期，并明确模板名称、布局模式、间距和画布策略。
完成条件：只阅读 DSL 即可还原图形，XML 阶段不再猜测业务语义或布局意图。
按图形类型精确匹配一个模板：
| 图形类型 | 模板 |
|---|---|
| 业务、应用、技术、部署架构 | templates/architecture.drawio |
| 数据架构 | templates/architecture-data.drawio |
| 线性流程 | templates/flow-linear.drawio |
| 分支或异常流程 | templates/flow-branching.drawio |
| 状态图 | templates/state.drawio |
| 生命周期 | templates/lifecycle.drawio |
| 时序图 | templates/sequence.drawio |
| ER 图 | templates/relationship-er.drawio |
| 依赖关系 | templates/relationship-dependency.drawio |
| 知识关系 | templates/relationship-knowledge.drawio |
| 对比 | templates/comparison.drawio |
| 决策矩阵 | templates/decision-matrix.drawio |
| SWOT | templates/swot.drawio |
| 时间线或里程碑 | templates/timeline.drawio |
| 路线图 | templates/roadmap.drawio |
| 总结图 | templates/summary.drawio |
必须读取并复用模板骨架：保留标准画布、必要语义元素、正确的 mxGeometry 写法和基础布局，再替换内容、增删节点并动态调整坐标。禁止只参考配色后凭空重建一份相似 XML。
强制设置：
mxGraphModel 显式设置 grid="0"；mxGeometry 包含 as="geometry"；width/height，禁止 w/h；读取 references/quality-rules.md，运行：
python -X utf8 scripts/validate.py <file-or-directory> --strict
错误和严格模式警告必须修复。不得通过删除必要内容或缩小字体规避问题。
将 .drawio 渲染或在 diagrams.net 中打开，检查颜色、布局、重叠、字体、线条、图例和空白。发现问题时返回 DSL 或布局阶段修正。
环境无法渲染时，必须明确说明“仅完成 XML 和结构检查，未完成视觉验收”，不得声称最终视觉质量已通过。
默认只交付最终 .drawio。用户要求时再交付 DSL 或预览。输出到用户指定目录；未指定时输出到当前任务目录，不把运行产物写进本 skill。