← 全部 Skills
AI PICKS / AGENT SKILL
diagram-design
生成编辑式风格的独立 HTML 与 SVG 图表，适合架构图、流程图、时间线和数据模型，支持 Claude Code、Codex 等 Agent Skills 客户端。
cathrynlavery/diagram-design使用前确认：需要支持 Skills 的 Agent；本站尚未独立验证全部运行环境。 查看要求与许可 ↗ · 安装指南
添加到你的 Agent
npx skills add cathrynlavery/diagram-design --skill diagram-design在终端执行命令，按提示选择支持 Skills 的 Agent。部分技能需要额外运行环境，详见源仓库。
试试这样提问
用 diagram-design 展示一个包含前端、API 和数据库的应用，生成浅色极简 HTML 图表，标注清晰并使用 SVG 连线。本站编写的使用示例，非实际运行结果。
常见问题
diagram-design 能帮助我做什么？
生成编辑式风格的独立 HTML 与 SVG 图表，适合架构图、流程图、时间线和数据模型，支持 Claude Code、Codex 等 Agent Skills 客户端。
如何安装 diagram-design？
在终端运行以下命令。执行前先阅读源文件和仓库说明。
npx skills add cathrynlavery/diagram-design --skill diagram-design哪些 Agent 可以使用 diagram-design？
请先确认你的 Agent 支持 SKILL.md。部分 Skill 还需要额外工具或运行环境，具体要求以作者仓库为准。 查看源仓库 ↗
RESOURCE NOTES
使用前，了解这些
- 价格与许可
- 价格与许可请以资源发布方说明为准；本站暂不出售此资源。
- 兼容性
- 请查看发布方说明；本站尚未独立验证全部运行环境。
- 资料核对日期
本站提供资源介绍，尚未独立验证全部功能或兼容性。使用前请查阅官方说明。
机器可读资料 · JSON看看它能做什么
浏览官方图表画廊与示例。
来源：cathrynlavery/diagram-design 官方示例打开官方示例