#架构图 · AI 短帖与讨论

AI编程工具画架构图一直是个痛点：线乱连、导出要自己修、格式不统一。 Archify是专门为AI编程工具设计的架构图生成Skill，开源四个月已经2.6万星。它支持五种图：架构图、工作流图、时序图、数据流图、生命周期图。 工作方式很清晰：先写一份带类型的JSON定义，再编译成可直接打开的HTML文件，而不是随便生成一张图。支持暗色/浅色切换，可以导出PNG、SVG、WebM格式。在PR里还能对比Before/After，哪些节点加了、删了、路由改了都能看出来。 同时支持Cursor、Claude Code、Codex、OpenCode，装完直接跟模型说「用archify把这个仓库的运行时架构画出来」就行。 项目地址：github.com/tt-a1i/archify

这个开源项目archify火了，GitHub上已经获得31000+星！ archify是一个让AI编码Agent自动生成可验证架构图的工具。它通过类型化JSON中间表示和校验流程，生成自包含HTML/SVG图表。 主要特点： ✅ 支持序列图、数据流图、生命周期图 ✅ Before/Delta/After变更对比 ✅ 支持PNG、SVG、WebM、分享卡片导出 ✅ 兼容Claude Code、Cursor等主流Agent 对于需要在代码评审或文档中快速生成架构图的开发者来说，这绝对是一个生产力神器。 GitHub：github.com/K-Dense-AI/arc…

兄弟们，技术架构图终于有救了！ 以前画Multi-Agent、RAG、Tool Call这些架构，diagrams.net里永远对不齐、颜色土、导出还模糊，画一次头秃一次。 这个开源项目fireworks-tech-graph，专为Claude Code打造的技术图生成Skill。一句话就能出图，效果直接起飞： ✅ 自动识别图类型 ✅ 智能语义形状+颜色编码（流程蓝、控制橙、数据绿…） ✅ 支持玻璃态、Neon等高级风格 ✅ 高清SVG+PNG一键导出 8种图类型+5种视觉风格，AI/Agent常见Pattern全覆盖！ 从此再也不用为画图焦虑了，生产力直接拉满。 原文作者：@berryxia

如果你平时也让 Cursor、Claude Code 画架构图，最烦的就是线乱连、导出还要自己修。今天安利一个超好用的 agent skill：Archify。 开源才四个多月，GitHub 已经 3.6 万星了。它是专门为 AI 编程工具设计的架构图生成器，五种图都能画：架构图、工作流图、时序图、数据流图、ER 图。 用法很简单，直接告诉 AI 工具你要画什么图，Archify 就能自动生成规范的图表，不用再手动调布局、连线。导出格式也支持主流的 PNG、SVG，方便直接插入文档或演示。 对于天天跟 AI 编程工具打交道的开发者来说，这个 skill 能省掉大量画图修图的时间。 GitHub 地址：github.com/tt-a1i/archify