架构图生成器——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/下也能直接用。

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



开源地址 ：

游客，如果您要查看本帖隐藏内容请回复

[/hide]

shadowmage

想看看这个构架是怎么写的