README

把你想理解、规划或分享的事，变成可以互动的可视化作品。



官方入口： archify.si · GitHubArchify 开源免费。第三方提供的在线服务、收费套餐由其运营方负责，不代表 Archify 官方。 查看详细说明 →

从一个想法、一个问题或一份计划开始。把它描述给 AI Agent，Archify 就能生成可以探索、修改和分享的交互式 HTML。从旅行行程、知识地图到复杂系统，你都可以继续扩展，做成自己需要的样子。

看看社区正在创造什么，也想想你还能用它做些什么。


  交互演示  · 
  开始使用  · 
  场景指南  · 
  社区交流  · 
  English  · 
  日本語  · 
  한국어



  



  
  
  
  
  



  
  
  
  
  


❤️ 合作与赞助伙伴：Kimi Work · Supercode · OpenLux

 看看 Archify 能做什么



https://github.com/user-attachments/assets/88cff7dd-bdf3-4b97-950c-37cc079898b1

一句话，看懂你的项目。 35 秒演示：探索交互图、查看源码关联、追踪完整路径。试试可交互示例 ↗



 安装，然后说出你的想法

支持 Cursor、Claude Code、Codex CLI 和 OpenCode；更多接入方式见下方安装选项。

text
Install Archify for me by reading https://raw.githubusercontent.com/tt-a1i/archify/main/llms.txt


把这句话发给你的 Agent：

text
用 Archify 画出一个网站的请求流程：浏览器请求 API，
API 优先读取 Redis，缓存未命中时查询 PostgreSQL 并回填缓存。


继续说：“添加鉴权步骤”“突出缓存未命中的路径”“切换浅色主题”。

不需要绑定代码库：从描述开始即可。也可以让 Agent 阅读仓库，生成有源码依据的架构图。

按 Agent 选择安装方式 · 安装细节与更新检查 · 用 Agent 画图并检查结果

 问一个问题，得到一页讲清楚的答案

不是每个答案都是一张图。让 agent 用一页来回答，Archify 会生成一份 explainer：先给结论，再按问题分成几个面板，用表格、步骤、图表、代码和经过校验的图把理由讲清楚。



- 结论先行。 先写答案和理由，每个面板只回答一个问题。
- 图和文字一起讲。 步骤放在它讲解的图旁边，读到哪一步，图上就亮起哪一部分；点任意节点进入完整的交互图。
- 能核对。 结论标注编号来源；仓库代码固定到具体提交，悬停即可看到原文。
- 好分享。 一个 HTML 文件，四种样式，浅色深色都有；可导出 PNG、WebP、JPG 长图或打印成 PDF。对任何面板都能追问，生成的追问让 agent 只改这一块。

text
用 Archify 一页回答：接口 P99 从 80 ms 涨到 600 ms，平均值几乎没变，
可能是什么原因，应该怎么排查？


在线示例：P99 延迟排查 · 读 Archify 仓库：finalize 怎么保住旧产物 · 第一次租房要确认什么 · 第一次打开 HTTPS 网站（英文）



 ❤️ 赞助伙伴


  


Archify × Kimi Work。 在 Kimi Work 插件商店搜索 「可交互架构图」，用一句话描述你的系统，即可生成可交互的图。在 Kimi Work 中使用 →



  supercode.sh
  Supercode 赞助 Archify，通过 Token 优化、精选 Skills 和规范驱动开发增强 Codex 与 Cursor。Archify 已入选 Supercode Editor’s Choice 技能。


OpenLux
感谢 OpenLux 对本项目的赞助！OpenLux 是一个面向企业的一站式 AI 聚合平台，汇集全球各大厂商主流大模型，平台提供高效、稳定的服务与及时的技术支持。Claude、OpenAI、Gemini 系列模型基准折扣分别低至官方的 0.882 折、0.4 折和 0.8 折。Archify 用户还可享受专属福利：通过专属链接注册，充值最高可享 7.5% 优惠！立即体验 →


PackyCode
PackyCode 提供统一域名、统一密钥和智能容灾切换，一句话接入主流大模型，提供专属 Codex / Claude Code 高速通道。新用户可获 $1 免费体验额度，首充享折扣，多分组折扣低至 2 折起。支持人民币 1:1 充值，无汇率加价或额外充值手续费。立即体验 PackyCode →


AICodeMirror
感谢 AICodeMirror 赞助 Archify！AICodeMirror 提供 Claude / Codex / Gemini API 中转服务，支持企业级高并发、开票和 7×24 技术支持。Codex 通道低至基准价格 0.7 折，充值还有额外优惠。Archify 专属福利：通过专属链接注册，可享首充 8 折。立即体验 AICodeMirror →


Infistar.cc 无限星河
感谢 Infistar.cc 无限星河赞助 Archify！一个 API Key 覆盖文案、图片与视频创作，支持 GPT、Claude、Gemini、DeepSeek、通义千问、可灵等主流模型，无需分组。大模型低至官方 0.1 折，AI 生图低至 ¥0.06/张。Archify 专属福利：通过专属链接注册即送 $5 体验额度，并享首充特惠。立即体验 Infistar →



 想赞助 Archify？欢迎通过邮件联系我们。

 用图把事情讲明白

| 讲清 Agent 如何调用工具 | 跟随一次缓存回源请求 | 看清服务与数据库的关系 |
|---|---|---|
|  |  |  |
| 追踪一个步骤影响到的全部下游。 | 点亮 Web App 到数据库的路径。 | 聚焦后端与数据库之间已定义的连接。 |

Proof Lab 收录全部 11 个仓库内场景、JSON 源和校验回执。

 看懂一个真实代码仓库

CODE → DIAGRAM · 有源码依据的系统地图



Archify 追踪 mco-org/mco 的 9f1a1cf 版本并生成这张校验地图。打开成品 ↗ · 追踪下游 ↗ · Typed Source

 易于扩展，社区还在不断创造新用法

COMMUNITY STORIES · 社区用户提供的部分案例

生成之后，还可以继续创造。 Archify 开源，成品是独立 HTML，你可以让 Agent 在此基础上继续修改、接入链接、扩展交互，做出适合自己场景的作品。社区已经把它用到了团队协作、旅行规划、法律核验、合同审查和故障

Top issues

Discussions

Latest release

Archify v3.2.0

Create a conclusion-first one-page answer from Markdown, with cited sources, interactive diagrams and browser exports.

 Added

- One-page answers (explainer) (993). Ask your agent to answer as a page and Archify builds a conclusion-first explainer from a Markdown draft. Each panel answers one question, using prose, tables, steps, checklists, charts, code and validated native diagrams.
  - Authoring and delivery: finalize explainer validates, delivers atomically and checks the page. Charts come from a Mermaid fence or a CSV/JSON file next to the draft. Repository excerpts are r