平时写产品技术文档，经常要做架构/流程/时序图之类 Diagram，Mermaid 默认也能做不过美观度确实一般，找了几个 Diagram Skills，分享给需要的朋友们。

于师傅

平时写产品技术文档，经常要做架构/流程/时序图之类 Diagram，Mermaid 默认也能做不过美观度确实一般，找了几个 Diagram Skills，分享给需要的朋友们。

1. Diagram Design 36.7K 🌟
@cathrynlavery

编辑向图解 Skill，约 39 种类型，自包含 HTML+SVG；可品牌化配色，支持从 draw. io / Mermaid / Excalidraw 重绘。做演示、文章配图优先装这个。
https://github.com/cathrynlavery/diagram-design

2. Archify 56.2K 🌟
可校验系统图 Skill；typed JSON IR → 架构/工作流/时序/数据流/生命周期交互 HTML，支持 Before/After 对比与导出。
https://github.com/tt-a1i/archify

3. Fireworks Tech Graph 11.3K 🌟
@teach_fireworks

自然语言出技术图；几何校验 SVG+PNG，可选语义 GIF；12 风格、完整 UML，内置 RAG/Multi-Agent 等模式。
https://github.com/yizhiyanhua-ai/fireworks-tech-graph

4. Excalidraw Diagram Skill 4.7K 🌟
@cole_medin

生成可编辑 Excalidraw 图；强调「视觉论证」与渲染自检，适合白板协作后再手改。
https://github.com/coleam00/excalidraw-diagram-skill

5. Visual Explainer 9.7K 🌟
@nicopreme

把架构图、diff 评审、计划审计、表格等做成整页 HTML 或杂志风幻灯，偏「一页讲清楚」。
https://github.com/nicobailon/visual-explainer