正在打开每日关注
正在打开每日关注
面向 AI 编程助手的架构图生成技能,支持聊天迭代、交互预览与 PNG/SVG 导出。
画架构图最烦什么?代码读完了,框也画好了,产品过来说“加个模块”,于是从头再来。 archify 治这个场景。一个为 Claude Code、Codex、Cursor 等 AI 编程助手设计的技能。你只需要用自然语言描述系统结构,它就能直接生成架构图、流程图、时序图或数据流图,自带交互、暗黑模式和动画,还能一键导出 PNG 或 SVG。 在一个中等规模的项目上试了一下,描述完核心服务和数据流向之后,生成的架构图布局清晰,节点之间的关系表达准确,省去了自己拖拽调整的功夫。迭代也很方便,在聊天里说“加个 Redis 缓存层”或者“把 auth 放到左边”,图就会跟着更新。 目前已经 8k+ star,A哥觉得这是一个非常顺手的效率工具。
是什么 Archify 被描述为面向 Claude Code、Codex、Cursor 等 AI 编程助手的技能:用户用自然语言说明服务、依赖和数据流,生成架构图、流程图、时序图或数据流图,并在聊天里继续修改。它连接了代码理解、绘图与变更同步,而不只是输出一张静态图片。
核心设计 产品把生成器与可迭代画布结合:新增 Redis、移动 auth 等意图可转成局部结构变更。截图以 Security & Identity、Frontend、Backend Services、Message Bus、Workers、Database、Cloud Infrastructure 分区,配合连线、颜色和层级增强可读性;Dark/Light、Export 以及 PNG/SVG 输出覆盖阅读、分享和交付。
关键洞察 架构图真正难的是维护,不是首次绘制。把图作为对话上下文中的可更新产物,能缩短评审与技术沟通回路,让“加模块”变成可控编辑;对 Agent 工程而言,它提供了团队可消费的视觉化结构接口。
边界与风险 布局清晰不等于架构事实正确,复杂项目仍需核对依赖、协议、边界与安全语义。截图里的 React/Next.js、RabbitMQ/Kafka、PostgreSQL 更像示例标签,不能据此判断产品实现栈;还应关注大图性能、版本差异、导出可编辑性和敏感代码泄露。