架构图生成器——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 *****
想看看这个构架是怎么写的
页:
[1]