图表生成器
一句话用自然语言生成专业图表：架构图、流程图、概念图，支持 SVG 和 Excalidraw 两种输出模式。
它能帮你做什么
先看懂，再决定要不要交给 AI。
Diagram Maker 是一个图表生成技能，允许用户通过自然语言描述直接生成可用的专业图表。无需使用 Visio 或 draw.io 等传统工具。主要能力包括：生成软件架构图（微服务拓扑、云基础设施、ER图）、业务流程图与用户旅程图、概念图与知识图谱、白板手绘风格的 Excalidraw 草图。提供三种输出模式：architecture-svg（专业技术风格）、clean-svg（简洁清晰风格）、excalidraw（手绘可编辑风格）。输出为标准 HTML/JSON 文件，零运行时依赖，零 API 费用，可在浏览器中直接打开。
怎么交给 AI
在线读取优先，本地安装作为备选。
适合能访问网页的 ChatGPT、Agent 或其他 AI。
请访问 https://skills.dhmip.cn/skills/skillhub/diagram-maker/SKILL.md，读取并按照该 Skill 完成任务；如当前环境支持本地安装，也可以下载该 Skill。未登录时可使用公共安装文档；登录后可以按不同 AI 分开管理。
请根据 https://skills.dhmip.cn/install/skillhub.md，安装 @skillhub/diagram-maker。⌘技术详情查看完整 SKILL.md 与原始内容⌄
name: diagram-maker
description: "📐 一句话生成专业图表 — 架构图/流程图/概念图/白板草图，支持SVG和Excalidraw。Diagrams from natural language: architecture, flow, concepts."
metadata:
openclaw:
emoji: "📐"
📐 Diagram Maker — 一句话生成专业图表
「画一个微服务架构图」→ 你的 AI 助手直接给你一张可用的图。不需要 Visio，不需要 draw.io。
为什么你需要这个技能？
- 🏗️ 架构师/开发者：系统架构图、微服务拓扑、数据库ER图
- 📊 产品经理：业务流程图、用户旅程图、泳道图
- 🎓 教学/演示：概念图、知识图谱、时序图
- 🎨 创作者：信息图、白板草图、思维导图
快速上手
软件架构图（专业风格）
画一个包含前端、API网关、3个微服务、Redis缓存、PostgreSQL数据库的架构图流程图（手绘风格 Excalidraw）
画一个用户注册流程图，包含验证邮箱、设置密码、发送欢迎邮件概念图（干净 SVG）
画一个解释「机器学习训练流程」的概念图：数据→特征工程→模型训练→评估→部署三种输出模式
| 模式 | 适用场景 | 风格 |
|------|---------|------|
| 🏗️ architecture-svg | 软件架构/云基础设施 | 专业技术图表 |
| 📐 clean-svg | 概念/流程/教育 | 简洁清晰 |
| ✏️ excalidraw | 白板/草图/协作 | 手绘风格，可编辑 |
示例输出
输入：「画一个电商系统的微服务架构」
输出：一张包含 Nginx→API Gateway→订单/商品/用户服务→MySQL/Redis/ES 的专业 SVG 架构图，带箭头、图例、颜色分区。
设计原则
- ✅ 要素5-9个最佳，不堆砌
- ✅ 语义化配色（中性/输入/处理/存储/外部/风险）
- ✅ 箭头在盒子后面，视觉干净
- ✅ 嵌入式 SVG，单 HTML 文件，无外部依赖
技术栈
- 纯 SVG/HTML 输出，浏览器直接打开
- Excalidraw JSON 格式，可导入 excalidraw.com 继续编辑
- 零运行时依赖，零 API 费用
📦 无需安装额外依赖，输出为标准 HTML/JSON 文件。