بنقرة واحدة
drawio-arch-diagram-cli
使用 draw.io CLI 绘制项目架构依赖图,支持中英文标签,导出 SVG/PNG/PDF 预览,并将图片插入 Markdown 文档。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
使用 draw.io CLI 绘制项目架构依赖图,支持中英文标签,导出 SVG/PNG/PDF 预览,并将图片插入 Markdown 文档。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
当你需要按用户 prompt 片段从本机 Codex CLI JSONL 会话里定位最近一次相关会话,并导出为可读的 user/assistant Markdown 对话稿时使用。
管理和读取工作区目录文档。使用该技能可了解文件/目录用途、读取 agent 专用备注,或在创建/修改文件后更新文档。
自动工作工具箱入口。用于按需加载架构设计、重构迁移、质量门禁和会话留痕能力;默认只读取本入口,再根据任务打开对应 references 或下游 skill。
管理模块间语义层级依赖关系。注册模块、声明依赖方向、定义接口契约,支持环检测、跨层违规检查和并行开发分组。
用于大规模重构。冻结 old db 作为基线观察,使用 new db 持续建设新结构,并通过 migration_plan.md 管理旧模块到新模块的迁移设计、进度和退出条件。
记录 Agent 会话日志。捕获用户原始 prompt、LLM 理解摘要和执行上下文摘要,用于追溯和复盘。
| name | drawio-arch-diagram-cli |
| description | 使用 draw.io CLI 绘制项目架构依赖图,支持中英文标签,导出 SVG/PNG/PDF 预览,并将图片插入 Markdown 文档。 |
用于把项目模块、边界和依赖关系整理成可持续维护的架构图产物。
在这些场景使用:
默认把图产物放在 docs/architecture/:
docs/architecture/<name>.drawiodocs/architecture/<name>.drawio.svg 或 docs/architecture/<name>.drawio.png.md 中插入 如果用户明确要求 PNG,则导出 PNG;否则优先导出 SVG,便于预览和后续检查。
在本仓库中,默认使用 ./.agents/skills/drawio-arch-diagram-cli/scripts/drawio-wrapper 调用 draw.io CLI。
.drawio 源文件,文件名使用稳定短名。.drawio 再导出。先检查 CLI:
./.agents/skills/drawio-arch-diagram-cli/scripts/drawio-wrapper --version
导出 SVG:
./.agents/skills/drawio-arch-diagram-cli/scripts/drawio-wrapper -x -f svg -e -o docs/architecture/<name>.drawio.svg docs/architecture/<name>.drawio
导出 PNG:
./.agents/skills/drawio-arch-diagram-cli/scripts/drawio-wrapper -x -f png -e -b 10 -o docs/architecture/<name>.drawio.png docs/architecture/<name>.drawio
导出 PDF:
./.agents/skills/drawio-arch-diagram-cli/scripts/drawio-wrapper -x -f pdf -e -o docs/architecture/<name>.drawio.pdf docs/architecture/<name>.drawio
-e 会把图的 XML 一并嵌入导出结果,后续仍可用 draw.io 打开继续编辑。
当前仓库实测结果是:SVG 预览稳定,PNG 可被浏览器正常显示,但严格图片校验工具可能给出 CRC 警告,因此默认以 SVG 作为 Markdown 预览格式。
同目录 Markdown 引用示例:

如果文档在其他目录,改为对应相对路径。
导出预览后按以下标准复查:
如果有任一项不满足,继续调整布局、尺寸、连线锚点或文案,再重新导出。