// 装技能包和规则
diagram-design（agent 画图技能）
一个 Agent Skill：让 agent 用自然语言画架构图、象限图、时序图等（仓库自述 45 种图型），输出单个自包含的 HTML + SVG 文件，可抓取你网站的配色字体保持品牌一致。npx skills add 安装，支持 Claude Code、Codex、Cursor、Copilot、Gemini CLI 等
开源 维护中 给 AI 用
一段话结论
diagram-design（agent 画图技能） 是一个 Agent Skill：让 agent 用自然语言画架构图、象限图、时序图等（仓库自述 45 种图型），输出单个自包含的 HTML + SVG 文件，可抓取你网站的配色字体保持品牌一致。npx skills add 安装，支持 Claude Code、Codex、Cursor、Copilot、Gemini CLI 等。
适合：想让自己的 agent（Claude Code、Codex、Cursor 等）装技能包和规则的开发者。
不适合：不想自己安装和运行工具的人。
01怎么开始
- 1先读官方 README / 文档，确认运行环境和需要的权限。
- 2按官方说明安装。
- 3在 AGENTS.md / CLAUDE.md 里写明这个工具和用法，agent 才知道什么时候调用。
02替代品与对比
并排对比 →03相关
版本历史 · 收录依据 · 给 AI 读
给 AI 读
- 调用方式：自身应用或网页
- 机器可读档案：/api/v1/software/diagram-design.json · llms.txt
- 收录于 2026-10-20 · 更新于 2026-10-22