drawio-skills

运行模型

除非你明确需要浏览器会话，否则按这个顺序使用：

1. 离线优先：本地生成 .drawio 并维护 sidecar。
2. 桌面增强：需要 PNG、PDF、JPG 或 embedded SVG 时再接入 draw.io Desktop。
3. 可选 Live MCP：只有在需要会话内可视化精修时才启动浏览器。

快速开始

安装 skill：

npx skills add bahayonghang/drawio-skills

创建第一张图：

/drawio create 生成一个横向 tech-blue 登录流程图，共 6 个节点

在仓库中做本地校验与导出：

node skills/drawio/scripts/cli.js input.yaml output.drawio --validate --write-sidecars
node skills/drawio/scripts/cli.js input.yaml output.svg --validate --write-sidecars

把现有 .drawio 导入为离线 bundle：

node skills/drawio/scripts/cli.js existing.drawio --input-format drawio --export-spec --write-sidecars

站点内容

• Guide：安装、路线、设计系统、YAML 规格、CLI 与导出流程
• API：可选 MCP 工具、XML 说明、独立 SVG 转换器
• Examples：prompt 示例与 skills/drawio/references/examples/ 下的 YAML 规格样例

事实源

本网站以以下文件为准：

• skills/drawio/SKILL.md
• skills/drawio/references/workflows/*.md
• skills/drawio/references/docs/**

若页面内容与这些文件冲突，以 skill 与 references 为准。