平时写产品技术文档,经常要做架构/流程/时序图之类 Diagram,Mermaid 默认也能做不过美观度确实一般,找了几个 Diagram Skills,分享给需要的朋友们。
1. Diagram Design 36.7K 🌟
@cathrynlavery
编辑向图解 Skill,约 39 种类型,自包含 HTML+SVG;可品牌化配色,支持从 draw. io / Mermaid / Excalidraw 重绘。做演示、文章配图优先装这个。
2. Archify 56.2K 🌟
可校验系统图 Skill;typed JSON IR → 架构/工作流/时序/数据流/生命周期交互 HTML,支持 Before/After 对比与导出。
3. Fireworks Tech Graph 11.3K 🌟
@teach_fireworks
自然语言出技术图;几何校验 SVG+PNG,可选语义 GIF;12 风格、完整 UML,内置 RAG/Multi-Agent 等模式。
4. Excalidraw Diagram Skill 4.7K 🌟
@cole_medin
生成可编辑 Excalidraw 图;强调「视觉论证」与渲染自检,适合白板协作后再手改。
5. Visual Explainer 9.7K 🌟
@nicopreme
把架构图、diff 评审、计划审计、表格等做成整页 HTML 或杂志风幻灯,偏「一页讲清楚」。