Agent Skills时代的架构图：为什么Archify选择住在聊天窗口里

Agent Skills时代的架构图为什么Archify选择住在聊天窗口里【免费下载链接】archifyAgent skill for beautiful, verifiable architecture, workflow, sequence,>项目地址: https://gitcode.com/GitHub_Trending/arch/archify如果你厌倦了在专业绘图软件里一个个拖方块那么 Archify 值得看一眼它是一个Agent Skill 架构图生成工具你只需在 Cursor、Claude Code、Codex CLI 或 OpenCode 的聊天窗口里用一句自然语言描述系统它就能生成一张可交互、可导出、带验证回执的架构图Architecture Diagram输出为单文件 HTML——不上传服务器、不装重型 IDE打开即用、直接分享。为什么是聊天窗口而不是一个新软件传统画图的流程是打开绘图工具 → 学工具 → 画图 → 导出 → 发出去。工具本身成了负担。Archify 反其道而行它把自己包装成一个Skill技能包直接住进你已经在用的 AI Agent 里。安装只有一条命令npx skills add tt-a1i/archify -g之后你不需要离开聊天窗口描述系统即可用 Archify 画一下Browser → API → Redis 缓存 → PostgreSQL 兜底。Agent 会生成一份类型化 JSON IR中间表示再由渲染器确定性地编译成 HTML/SVG。这个设计带来三个直接好处好处说明️ 零学习成本会聊天就会画不需要学任何绘图语法 对话式迭代直接说加上 Redis把 auth 挪到左边高亮回滚路径源文件保留改一处不推倒重来 交付即成品结果是单个自包含 HTML 文件Slack 传文件、邮件附件都能用完整的技能契约写在 archify/SKILL.md普通用户甚至可以只看 docs/authoring-cookbook.md 里的对话示例就够了。5 种图表类型一句话选对场景Archify 内置五种图型每种都有独立 JSON Schema 和独立渲染器覆盖工程师日常 90% 的画图需求类型适合场景提示词里该说什么Architecture组件、服务、存储、信任边界范围、核心组件、主路径WorkflowCI/CD、审批流、工具调用参与者、顺序、分支、异常SequenceAPI 调用链、缓存回退、异步追踪调用方、被调方、返回值、时序Data Flow数据管线、血缘、PII 边界数据源、转换、落点、边界Lifecycle状态机、重试、等待、终态状态、事件、重试与取消路径拿不准选哪种仓库内置了一个零依赖的场景向导直接把需求丢给它node bin/archify.mjs guide Show an API request with Redis cache miss它会推荐图型并给出配方而不是替你画图。关键差异不是换配色而是判断在环很多 AI 画图工具只是给 Mermaid 换个好看主题。Archify 用一次盲测实验证明了这条路走不通——同一张图渲染三个版本A原生 Mermaiddagre 自动布局、默认主题BMermaid Archify 配色布局不动只换皮CArchify 语义布局由 Agent 决定坐标与空间关系打乱截图后盲评结论只有一行B 并不比 A 更好看。一张均匀网格涂上更好的颜色仍然是均匀网格。真正拉开差距的是空间叙事Auth Provider 为什么浮在 AWS 边界外面因为它不是 AWS 的资源。S3 为什么放在 CDN 下方而不是旁边因为缓存打在 S3 上是层级关系不是同级关系。这类判断来自 Agent 对语义的理解来自类型化 JSON 中由 Agent 亲手填写的坐标——渲染器只提供约束网格、Schema、布局规则检查不剥夺判断。这也是为什么 experiments/v3-mermaid-validation/RESULT.md 里把Mermaid 解析 自动布局整条路线标记为FAIL与其做更好看的 Mermaid这条赛道已经被占满不如让 AI 做信息架构决策。可信的交付验证、导出与分享AI 画的图最大的疑虑是敢不敢放进评审和文档Archify 的答案是交付前强制验证GenerateAgent 从描述生成类型化 JSON IRValidateSchema、布局、节点重叠、标签越界等规则逐项检查失败时返回机器可读的诊断Agent 可据此自动修复Deliver只有通过全部检查的产物才会原子替换旧输出Iterate在聊天里继续改无关结构保持稳定。交付物是一个 HTML 文件打开后自带深色/浅色主题切换、节点搜索/、上下游追溯、路径探测R、演示舞台F等交互能力并支持导出 PNG、SVG、WebM 以及 1200×630 的分享卡片——贴 README、发社媒、放进周报都合适。甚至还有一个很演讲友好的玩法——引导式故事图里可以预先编排至多五个章节按P就能像放幻灯片一样一段一段地把架构讲给听众听。快速上手三步走安装技能npx skills add tt-a1i/archify -g需要 Node.js 18一句话出图在 Agent 聊天窗口描述你的系统例如分析当前仓库画一张 8–12 个核心组件的高层运行时架构图标出主路径和信任边界继续对话精修加节点、移位置、换主题Signal Flow / Blueprint / Editorial 四种视觉预设直到满意为止。也可以不装技能直接试用npx skills use tt-a1i/archifyarchify --agent codex。想本地看完整交互效果仓库里就有现成成品 examples/web-app.html。写在最后Archify 代表了一类新的工具形态软件不再是你要打开的应用而是你随时可以召唤的技能。聊天窗口本来就是工程师和 AI 协作的第一现场把架构图生成放进来就省掉了打开工具、学习工具、切换上下文的全部成本。它的边界同样诚实不做通用绘图编辑器不做 Mermaid 主题美化器也不做托管分享——它只做一件事把技术意图变成一个可信、可交互、可分享的沟通制品。如果你每天都需要画架构图这正是值得花三分钟装上的那个 Skill。更多细节可参考 README.md、docs/authoring-cookbook.md 与示例目录 archify/examples/。【免费下载链接】archifyAgent skill for beautiful, verifiable architecture, workflow, sequence,>项目地址: https://gitcode.com/GitHub_Trending/arch/archify创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考