菜单
Draw.io 配图专家：用于生成和导出 `.drawio` 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图，或明确提到 `.drawio`、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格，并遵循 floracat-architecture-diagram 的视觉规范。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/Snailclimb/AIGuide --skill drawio-chart命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | drawio-chart |
| description | Draw.io 配图专家：用于生成和导出 `.drawio` 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图，或明确提到 `.drawio`、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格，并遵循 floracat-architecture-diagram 的视觉规范。 |
这个 skill 负责把用户的图表需求转成 .drawio 文件，并在需要时导出为 PNG、SVG 或 PDF。
主文件只保留任务路由、工作流和验收规则。详细样式、XML 模板、导出命令和示例按需读取 references/。
在这些场景下优先使用本 skill：
draw.io、diagrams.net 或 .drawio不适合本 skill 的情况：
.drawio按任务需要读取对应参考文件，不要默认把所有参考内容都塞进上下文：
| 需求 | 读取文件 |
|---|---|
| 颜色、字体、节点语义、连线风格、视觉统一规范 | references/style-spec.md |
| XML 结构规则、文本标签规则、节点/连线模板、不同图表类型的结构建议 | references/xml-and-layout.md |
| 导出命令、文件命名、打开方式、交付规则 | references/export-and-files.md |
| 常见提示词、单图/多图文章配图示例、批量页面生成方式 | references/use-cases.md |
.drawio 原生文件，再根据用户要求决定是否导出。.drawio 作为源文件，除非用户明确要求删除。mxCell.value 默认使用纯文本，避免嵌入 HTML 标签。按内容结构选择图表，不要机械套模板：
如果用户指定了图表类型，优先按用户要求执行；只有在用户明显选错图表类型时，才简短提醒并给出替代建议。
先判断当前属于哪一种：
.drawio至少明确这些信息：
如果用户信息不完整，但可以合理推断，就直接推断并在结果里说明；只有缺少关键结构信息时才追问。
references/style-spec.mdreferences/xml-and-layout.mdreferences/export-and-files.mdreferences/use-cases.md生成前先在内部明确：
diagram page不要一边写 XML 一边临时想结构。
.drawio生成时遵循这些顺序：
.drawiodrawio CLI，要明确告知无法自动导出，但 .drawio 已生成当用户给一篇文章并要求“生成多张技术配图”时，按这个规则处理：
diagram page更细的示例和 prompt 写法，读取 references/use-cases.md。
交付前至少检查：
mxCell.value 中是否混入 HTML 标签.drawio，报告失败原因和可手动执行的导出命令