它能干什么？ 点下面按钮，看它自我介绍
点击下方按钮「使用示例」，看它怎么介绍自己。
这里只是一个能力演示——如需真正使用它，请在本地环境部署并配置该 skill 后再用。
它画出来的图长什么样 拖动、缩放、切主题都是真的
上面是 Archify 真实生成的一张「Web 应用架构图」，就是一个单文件 HTML：可以滚轮缩放、拖动平移，也能切换深浅主题、搜索与聚焦某个节点。
想全屏看：在新窗口打开这张图 →
Archify（架构图工坊）
它是什么
tt-a1i 出品的架构图生成技能（GitHub 62.8k★，MIT 开源）。给它一段大白话需求，或者直接贴一段 Mermaid 代码（flowchart / sequenceDiagram / stateDiagram），它会重新理解拓扑，产出一张自带交互的单文件 HTML 图：内联 SVG、深浅主题切换、可拖动缩放、可按节点搜索与聚焦追踪，还能导出 PNG / JPEG / WebP / SVG / WebM。
能画五类图：架构图（组件、服务、云与安全边界、基础设施）· 流程图（业务流程、审批节点、CI/CD、运维手册）· 时序图（API 调用链、请求生命周期、异步回调）· 数据流图（ETL/ELT、数据血缘、治理）· 状态图（状态流转、重试、等待与终态）。
它不靠"生成得差不多"糊弄人：每张图交付前都会跑一遍结构校验（节点、连线、标签间距、有无遮挡），校验不过就不交付，所以成品很少出现连线穿节点、标签盖箭头这类低级问题。需要图标时还能识别真实产品品牌。
下载链接
GitHub：https://github.com/tt-a1i/archify
如果没有科学上网环境，摸摸猫头鹰领取~，关注公众号输入【架构图】即可
关注公众号领取猫头鹰的工具~
MIT 协议 · 62.8k★ · 改编自 tt-a1i/archify（MIT 许可）
使用方式
① 在支持 Agent Skills 的 AI 工具中安装该 skill（本地需有 Node 环境）；
② 直接说需求，例如"帮我画一张订单系统的架构图"，或把现成的 Mermaid 代码贴给它；
③ 它会生成一个 HTML 文件，浏览器打开就能交互查看，也能导出成图片放进文档；
④ 本页为能力演示，需本地部署后才能真实使用。
该 skill 源于开源的公开分享站点，不代表由本站开发。