🚀发现一个专门给 AI Agent 画技术架构图的 Skill:Archify。
不用学 Mermaid,也不用手动拖框拉线。直接用大白话告诉 Claude Code / Codex:
“读一下这几个仓库,帮我画张架构对比图。”
它就会生成一个可交互的单 HTML 文件。
比较讲究的是,它不是画完就交差:
✅ 自带 JSON Schema 校验
✅ 标签重叠、连线穿过节点会拒绝渲染
✅ 报错会告诉你该往哪移、调整多少像素
✅ 一键切换深色/浅色主题
✅ 支持导出 PNG、JPEG、WebP、SVG、WebM
支持 Claude Code、Codex CLI 和 opencode,MIT 开源。
安装也只要一行:
npx skills add tt-a1i/archify -g
以后读陌生仓库、写技术方案、做架构对比,确实能省下不少画图时间。
传送门👉🏻
顯示更多