Archify 免费交互式架构图工具一句自然语言出图1 条命令 5 分钟上手【免费下载链接】archifyTurn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.项目地址: https://gitcode.com/GitHub_Trending/arch/archifyArchify 是一个免费的 Agent Skill把一句自然语言描述变成可交互、可校验、可分享的 HTML 图表。上手成本1 条命令、约 5 分钟、0 依赖Node ≥ 18 即可。不用 clone 仓库也不用装包下面直接看你会拿到什么。先看效果再决定要不要用上面是仓库自带示例的架构总览CDN、负载均衡、API、数据库这些节点按信任边界分组深色主题下层次很清楚。右上角一键切到浅色同一张图两种观感。打开 Export 菜单你可以把图复制成 PNG 到剪贴板也可以下载静态或动态格式先探好一条路由再导出 1200×630 的分享卡片贴进 README 或博客都是现成的。这张时序图演示了一次缓存未命中。按R或点 PATH 之后「Web App → API → Postgres」这条精确路由被单独高亮出来读图时不用满屏找线。最短上手路径拉起临时会话只用这一条npx skills use tt-a1i/archifyarchify --agent codex执行后你会看到一个新开的 Agent 会话Archify 技能只挂在这个会话里退出即走全局环境一点没动。目前skills use支持codex与claude-code两个 Agent。把需求说清楚往会话里粘贴一段提示词下一节给现成的稍等片刻Agent 会把描述转成带类型的 JSON 中间表示再确定性编译成 HTML。你看到的是一个自包含的单文件 HTML不依赖任何外部资源。拿到成品双击浏览器就能开。你会看到缩放、平移、节点搜索、路径追踪都内置在里面把这个 HTML 发给同事交互也一起发过去了。一句话怎么下指令不知道说什么先粘这段官方提示词Analyze this repository, then use archify to create a high-level runtime architecture diagram. Show 8–12 core components, one primary path, external dependencies, and trust boundaries. Put supporting detail in cards instead of adding more edges.要点就三条把范围框死、把组件数量写明、把唯一主路径点出来产出就稳。嫌分析仓库太重也可以只给一条调用链例如「画一个请求流Browser 调 APIAPI 查 Redis缓存未命中再落 PostgreSQL」。能力速查Archify 一共有十种图型不确定选哪种时不用自己拍板直接问内置的场景指南node archify/bin/archify.mjs guide 描述你的场景。类型最适合的场景Architecture组件、服务、存储与信任边界WorkflowCI/CD、审批、工具调用、RunbookSequenceAPI 调用链、缓存回源、鉴权时序Data Flow数据管线、血缘、下游消费者Lifecycle状态机、重试、等待与终态ERD / Class数据库表结构 / 类与接口关系Tree / Timeline / Waterfall层级拆解 / 事件时间轴 / 请求耗时分布想对照源码学写法仓库里有现成入口全部 JSON Schemaarchify/schemas/十种图型的 JSON 与 HTML 示例archify/examples/中文作者手册docs/authoring-cookbook.zh-CN.md技能契约Agent 行为与交付门禁archify/SKILL.md从尝鲜到常用试用满意之后把临时会话换成常驻技能一条命令转正npx skills add tt-a1i/archify -g执行后技能装入全局之后新开 Cursor、Claude Code 或 Codex 会话都能直接调用。什么时候值得切过去当你发现自己在不同的项目里反复画图比如每接一个新仓库都要先来一张架构总览。装完顺手跑一条自检加演示确认环境没问题node archify/bin/archify.mjs doctor node archify/bin/archify.mjs demo /tmp/archify-demodemo会在指定目录生成一张演示图浏览器打开对比效果即可。适合谁不适合谁它适合把图当日常沟通材料的人团队新人接手老仓库让 Agent 读代码后出一张带源文件依据的架构总览评审会上要讲一条调用链Sequence 图比口述清楚写技术文档时顺手导出一张分享卡片配文。不适合的情况也有你只需要一张静态示意图贴进幻灯片或者图是给非 Agent 用户看的直接找现成模板更省事另外它生成的是交互式 HTML 而不是图片文件如果你的流程强制要求位图入库记得多走一步导出。【免费下载链接】archifyTurn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.项目地址: https://gitcode.com/GitHub_Trending/arch/archify创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Archify 免费交互式架构图工具：一句自然语言出图，1 条命令 5 分钟上手
Archify 免费交互式架构图工具一句自然语言出图1 条命令 5 分钟上手【免费下载链接】archifyTurn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.项目地址: https://gitcode.com/GitHub_Trending/arch/archifyArchify 是一个免费的 Agent Skill把一句自然语言描述变成可交互、可校验、可分享的 HTML 图表。上手成本1 条命令、约 5 分钟、0 依赖Node ≥ 18 即可。不用 clone 仓库也不用装包下面直接看你会拿到什么。先看效果再决定要不要用上面是仓库自带示例的架构总览CDN、负载均衡、API、数据库这些节点按信任边界分组深色主题下层次很清楚。右上角一键切到浅色同一张图两种观感。打开 Export 菜单你可以把图复制成 PNG 到剪贴板也可以下载静态或动态格式先探好一条路由再导出 1200×630 的分享卡片贴进 README 或博客都是现成的。这张时序图演示了一次缓存未命中。按R或点 PATH 之后「Web App → API → Postgres」这条精确路由被单独高亮出来读图时不用满屏找线。最短上手路径拉起临时会话只用这一条npx skills use tt-a1i/archifyarchify --agent codex执行后你会看到一个新开的 Agent 会话Archify 技能只挂在这个会话里退出即走全局环境一点没动。目前skills use支持codex与claude-code两个 Agent。把需求说清楚往会话里粘贴一段提示词下一节给现成的稍等片刻Agent 会把描述转成带类型的 JSON 中间表示再确定性编译成 HTML。你看到的是一个自包含的单文件 HTML不依赖任何外部资源。拿到成品双击浏览器就能开。你会看到缩放、平移、节点搜索、路径追踪都内置在里面把这个 HTML 发给同事交互也一起发过去了。一句话怎么下指令不知道说什么先粘这段官方提示词Analyze this repository, then use archify to create a high-level runtime architecture diagram. Show 8–12 core components, one primary path, external dependencies, and trust boundaries. Put supporting detail in cards instead of adding more edges.要点就三条把范围框死、把组件数量写明、把唯一主路径点出来产出就稳。嫌分析仓库太重也可以只给一条调用链例如「画一个请求流Browser 调 APIAPI 查 Redis缓存未命中再落 PostgreSQL」。能力速查Archify 一共有十种图型不确定选哪种时不用自己拍板直接问内置的场景指南node archify/bin/archify.mjs guide 描述你的场景。类型最适合的场景Architecture组件、服务、存储与信任边界WorkflowCI/CD、审批、工具调用、RunbookSequenceAPI 调用链、缓存回源、鉴权时序Data Flow数据管线、血缘、下游消费者Lifecycle状态机、重试、等待与终态ERD / Class数据库表结构 / 类与接口关系Tree / Timeline / Waterfall层级拆解 / 事件时间轴 / 请求耗时分布想对照源码学写法仓库里有现成入口全部 JSON Schemaarchify/schemas/十种图型的 JSON 与 HTML 示例archify/examples/中文作者手册docs/authoring-cookbook.zh-CN.md技能契约Agent 行为与交付门禁archify/SKILL.md从尝鲜到常用试用满意之后把临时会话换成常驻技能一条命令转正npx skills add tt-a1i/archify -g执行后技能装入全局之后新开 Cursor、Claude Code 或 Codex 会话都能直接调用。什么时候值得切过去当你发现自己在不同的项目里反复画图比如每接一个新仓库都要先来一张架构总览。装完顺手跑一条自检加演示确认环境没问题node archify/bin/archify.mjs doctor node archify/bin/archify.mjs demo /tmp/archify-demodemo会在指定目录生成一张演示图浏览器打开对比效果即可。适合谁不适合谁它适合把图当日常沟通材料的人团队新人接手老仓库让 Agent 读代码后出一张带源文件依据的架构总览评审会上要讲一条调用链Sequence 图比口述清楚写技术文档时顺手导出一张分享卡片配文。不适合的情况也有你只需要一张静态示意图贴进幻灯片或者图是给非 Agent 用户看的直接找现成模板更省事另外它生成的是交互式 HTML 而不是图片文件如果你的流程强制要求位图入库记得多走一步导出。【免费下载链接】archifyTurn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.项目地址: https://gitcode.com/GitHub_Trending/arch/archify创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考