还在为画系统架构图、数据流图或 CI/CD 流程图而反复打开绘图工具、调整颜色字体、导出再压缩?Archify 彻底改变了这一过程——它是一个专为开发者和架构师设计的「对话式图表生成器」,只需用日常中文(或英文)描述你的系统逻辑,它就能实时生成美观、可交互、开箱即用的 HTML 架构图,并支持一键复制、高倍率导出与深色/浅色主题无缝切换。告别手动画图,让技术表达回归本质。
核心功能
- 自然语言驱动绘图:无需学习 DSL 或语法,直接告诉 Archify “用户登录后先校验 JWT,再调用支付服务,失败时触发告警钉钉机器人”——它就能自动生成带标注的序列图或数据流图
- 全类型技术图表支持:不仅限于架构图,还覆盖工作流图、时序图(Sequence Diagram)、生命周期图、状态机、PII 数据边界图、CI/CD 流水线等 6+ 场景,真正满足系统设计全流程需求
- 智能双主题 & 持久化切换:内置一键深色/浅色模式按钮,切换后自动保存偏好;更贴心的是——导出的 SVG 图表自带
@media (prefers-color-scheme)媒体查询,插入 GitHub README 后会随读者系统设置自动适配主题,彻底解决“一张图两种 PNG”的维护烦恼 - 所见即所得高清导出:支持 PNG/JPEG/WebP/SVG 四种格式;PNG/JPEG 可选最高 4× 超清渲染(非插值放大,原生像素级输出),确保截图发到 Slack 或嵌入 PPT 依然锐利清晰
- 零依赖单文件交付:生成结果是一个独立的 HTML 文件,内嵌所有样式与脚本,双击即可在任意浏览器打开,无需服务器、不联网、不依赖外部 CDN,安全合规,适合内部知识库与离线分享
- 内置验证反馈闭环:图表生成过程全程基于 JSON Schema 校验,若描述存在歧义或逻辑冲突(如循环依赖、缺失节点),会实时提示修正建议,避免“画出来却看不懂”的尴尬
适合哪些人用
Archify 是写给一线技术人的效率加速器:需要快速产出架构文档的后端工程师、准备技术方案评审的系统架构师、撰写 SRE runbook 的运维同学、做产品技术对接的前端负责人、以及正在备考云认证(如 AWS/Azure 架构师)的学习者——只要你需要频繁向同事、客户或面试官解释“系统是怎么跑起来的”,它就是你最轻量却最有力的表达助手。尤其适合远程协作场景:把一句话发进 Claude 对话框,3 秒后就获得可直接粘贴进 Notion 或飞书的图表链接。
快速上手
Archify 无需安装!目前主要作为 Claude(Anthropic)官方 Agent Skill 提供服务:在 Claude 网页版或 App 中开启技能中心 → 搜索 “Archify” → 启用即可。你也可以访问其官网 archify.dev 直接使用 Web 版(完全免费,无账号要求)。输入类似“电商订单履约流程:用户下单 → 库存扣减 → 支付网关 → 物流系统 → 短信通知”的描述,点击生成,立即获得交互式 HTML 图表——复制、下载、分享,一气呵成。
项目信息
tt-a1i/archify
GitHub
Any agent Skill: generate beautiful architecture diagrams with dark/light theme toggle and PNG/JPEG/WebP/SVG export
JavaScript 编写|GitHub Star 数:3743|开源协议:MIT|GitHub 项目地址
如果你厌倦了在 draw.io 里拖拽 20 分钟只为画一个带阴影的云图标,那么 Archify 就是那个让你重新爱上“画图”这件事的技术小奇迹。





