任务技能（Skills）
Diagram Design
用日常语言把架构、流程和时间线画成可直接打开的图解。
内容介绍
少装一点整理 · 依据项目公开文档
适合写开发方案、产品文档或汇报时，需要把复杂关系讲清楚的人。Diagram Design 给 AI 提供图解类型、排版和配色规则，生成带 SVG 图形的独立 HTML 文件，也能参考你提供的网站配色和字体。需要能读取 Agent Skills 的 AI 助手；核心技能采用 MIT 许可，模型或助手的使用费用另计。导出图片等附加流程可能需要浏览器工具。
开始使用
接入条件尚未核对，请查看项目安装说明。
查看安装与使用说明 ↗依据公开文档整理，未逐一安装实测。
可以怎么用
- 生成架构图、流程图和时间线
- 按已有品牌配色与字体绘图
- 输出可在浏览器打开的 HTML 与 SVG
官方项目与文档
项目说明译文
面向 Claude Code、Codex、GitHub Copilot、Cursor、Factory Droid 和 Pi 的编辑式图解设计技能，提供 44 类图解，输出独立 HTML 与 SVG，不使用阴影，避免套用模板化 Mermaid 图表。
用途相近的插件
优先匹配当前插件的主要用途，再参考共同用途和收藏数；接入方法可能不同。
- Anthropic Skills · Frontend Design — 从产品用途出发，规划页面、编写界面，再检查布局、文字和交互是否合适。
- Taste Skill — 让展示型网站有明确的设计方向，做完后再用浏览器检查真实效果。
- OpenMontage — 让编程助手按步骤研究选题、写脚本、准备素材并合成视频。