平时写产品技术文档,经常要做架构/流程/时序图之类 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




分类