メニュー
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コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？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，报告失败原因和可手动执行的导出命令