Diagram Design：开源自动排版的流程图/架构图生成工具（支持 Mermaid、Draw.io 等导入）

开源工具 Diagram Design，自动生成专业图表并支持导入 Mermaid/Draw.io、自动排版与导出 HTML/SVG。

概要

发现一款开源工具 Diagram Design，利用 AI 辅助快速生成专业级图表，省去手工拖拽与调色的烦恼。支持多种图表类型并能对接现有设计风格，适合快速产出流程图、架构图等。

功能要点

• 内置 45 种图表类型，覆盖流程图、架构图、时序图、甘特图、思维导图等场景
• 能识别网站配色和字体，自动对齐品牌风格
• 支持将 Mermaid、Draw.io 等图表导入并重新排版设计
• 生成独立的 HTML + SVG 文件，浏览器可直接打开，图片可导出
• 使用简单：不需要手动拖拽线和调整配色，一句话即可完成绘图需求

使用方法

• 安装命令：
  • npx skills add cathrynlavery/diagram-design
• 项目地址：
  • GitHub: https://github.com/cathrynlavery/diagram-design

说明：本工具通过 AI 辅助设计，适合快速产出专业图表，减少重复操作与格式对齐工作。

下载链接

GitHub：
https://github.com/cathrynlavery/diagram-design