中英文泡椒 发表于 2026-5-7 17:28:13

架构图生成器——Architecture Diagram Generator

画架构图还有一个很烦人的事,画完之后怎么发给别人看,如果导出图片清晰度可能不够,发 draw.io 文件对方还得装工具。

Cocoon-AI 开源的 architecture-diagram-generator 专门解决这个,Star 也冲到了 4.8k 。



它的输出形态很有意思,直接给你一个独立的 HTML 文件,里面嵌的是 SVG,双击就能在任何浏览器里打开看。



丢到微信、邮件都不会糊,分享起来相当无脑。默认风格走的是深色主题,字体用的 JetBrains Mono,出来的图自带设计感,不用自己再去调配色。



这个 Skill 同时兼容 Claude.ai 和 Claude Code。如果你在用 Claude.ai,直接去 Settings → Capabilities → Skills 把文件传上去就行。Claude Code 用户

把文件扔到~/.claude/skills/下也能直接用。

适合给老板或者客户做系统方案汇报的场景,出来的效果看着就挺专业。



开源地址 :

**** Hidden Message *****

shadowmage 发表于 2026-5-15 21:10:14

想看看这个构架是怎么写的
页: [1]
查看完整版本: 架构图生成器——Architecture Diagram Generator