1. 先把模型入口接到 TaoTokenCursor 里跑 Archify 的前置配置在 Cursor 里跑 Archify 生成 Before/Delta/After 三视图前先到 TaoToken 官网https://taotoken.net/?utm_sourcetaotoken_aicg_blog_endutm_contentcursor_archify_intro拿一个 TaoToken Key并把 Base URL 统一设为 https://taotoken.net/api。否则你很可能遇到Chat 面板提示模型未配置、请求 401或者 Agent 能正常聊天却读不了当前仓库。Archify 不是独立网页工具它需要 AI 编程助手先能读代码、走工具调用、产出结构化 IR再验证拓扑并编译成 HTML。本文按重构方案评审场景把三视图生成、模型入口设置和评审大屏演示串成一条可跟做路径不写玄学提示词只写能落地的配置、命令和评审动作。先解决入口再谈图。为什么要先接 TaoToken因为 Archify 的每个关键步骤都要调用模型读取仓库、抽取服务与依赖、生成 JSON IR、根据诊断清单修复、最后编译 HTML/SVG。如果模型入口混用多个供应商最容易出现“这个模型能聊天但另一个模型不能走工具调用”的割裂。把 Base URL 收敛到同一入口Key 用YOUR_API_KEY占位后续 Cursor、Claude Code、Codex 的配置都能围绕同一套模型服务展开。1.1 Cursor 的模型入口怎么填打开 Cursor 的 Settings → Models先确认没有启用互相冲突的旧供应商。然后在 OpenAI API Key 处填入YOUR_API_KEY在 Override OpenAI Base URL 处填入https://taotoken.net/api如果当前 Cursor 版本使用 Anthropic 兼容入口同样把 Base URL 指向https://taotoken.net/apiKey 填YOUR_API_KEY。模型名以 TaoToken 控制台或模型列表页展示为准不要照抄旧截图。保存后新建一个 Chat先问“请列出当前工作区根目录文件”能正常返回再继续安装 Archify。这里要特别注意Claude Code 的ANTHROPIC_*变量不要塞进 Codex 配置。不同工具读取不同配置文件混用会导致模型路由失效。Cursor 走 Cursor 的模型设置Claude Code 走settings.jsonCodex 走config.tomlCC Switch 则走它自己的配置管理。2. Archify 是什么一个读代码、可验证的 Agent SkillArchify 是 MIT 协议开源的 AI Agent 技能包。它和“让模型吐一段 Mermaid”最大的区别在于图不是模型自由发挥的文本而是一份结构化数据描述。Agent 先产出类型化的 JSON 中间表示再由 Archify 引擎做原子化验证验证通过后确定性编译成 HTML/SVG。验证失败Agent 会拿到逐条诊断清单改完再验直到通过才交付。它支持五种图表类型架构图服务、分层、依赖关系适合系统静态骨架工作流业务流程从入口到结束怎么流转时序图一次调用在组件之间来回传消息的时间线数据流图数据从哪来、经过什么加工、存到哪里生命周期图对象或任务从创建到消亡的状态变化。拿不准选哪张时按“你想回答什么问题”来挑问“系统长什么样”选架构图问“一次请求怎么走”选时序图问“重构动了哪些链路”选 Delta 视图。它的定位可以概括为“图即代码 Agent 原生”源头是可校验的数据产物是可交互、可导出、可投屏的页面。验证机制是它和其他 AI 画图工具最本质的差异。节点可以关联真实代码位置你说某个模块负责鉴权那就要给出文件路径模型想编一个不存在的消息队列就过不了验证这一关。对于重构评审来说这一点比“图好不好看”重要得多因为评审会上被质疑的往往不是配色而是拓扑真伪。3. Before/Delta/After 三视图重构方案评审的正确打开方式重构评审最耗时的不是讲方案而是解释“这次到底动了什么”。口头描述容易漏PPT 截图又和代码对不上。如果你还没拿 Key先到 TaoToken 官网https://taotoken.net/?utm_sourcetaotoken_aicg_blog_endutm_contentarchify_delta_review创建并把 Base URL 设为https://taotoken.net/api。入口通了之后Archify 的三视图就能为这个场景服务Before重构前的架构作为基线Delta本次变更涉及的调用链路差异回答“哪条链路被改了、影响面在哪”After重构后的架构用于确认目标形态。在 Cursor 里可以这样下指令读取当前仓库先输出 Archify IR并执行原子验证。 针对本次重构生成三张视图Before、Delta、After。 Delta 只允许标记真实存在的调用链路差异每个节点绑定真实文件路径。 验证不通过时先输出诊断清单并逐条修复不要直接给最终 HTML。评审时把 Delta 视图投到大屏先用节点搜索定位被改的服务再用上下游可达性追踪看影响范围最后用路由探测把起点到终点的调用路径亮出来。原本需要半小时口述的变更变成几分钟的链路确认。对于 PR 评审Delta 视图尤其好用把变更前后的调用差异放在一屏里谁影响了谁、哪条链路被切断、哪个服务新增了依赖都能直接指出来。4. 可跟做从拿 Key 到生成三视图4.1 拿 TaoToken Key 并确认 Base URL先到 TaoToken 官网https://taotoken.net/?utm_sourcetaotoken_aicg_blog_endutm_contentarchify_create_key进入控制台创建 Key。Key 只放在本地环境或工具配置里不要提交到 Git。Base URL 统一用https://taotoken.net/api然后安装 Archifynpx skills add tt-a1i/archify -g安装完成后在 AI 编程助手里确认它能读取当前工作区。如果 Agent 只能聊天不能读文件先回到模型入口检查 Base URL 和 Key而不是继续调提示词。4.2 在 Cursor 里复现三视图安装完成后在 Cursor Chat 里输入给当前仓库画一张架构图要求 1. 先输出 IR 并验证 2. 节点必须绑定真实文件路径 3. 针对本次重构额外生成 Before/Delta/After 三视图 4. 产出单文件 HTML开启演示模式可投屏。几分钟后会得到 HTML 文件。双击打开先检查节点是否能搜索、链路是否能追溯再导出评审用的 PNG/SVG。需要贴 PR 时用 1200×630 分享卡片或 Delta 视图截图。需要做动图讲解时可以导出 WebM把一次请求的生命周期播放出来。4.3 评审大屏演示动作打开 Before 视图确认基线切到 Delta输入被改的服务名高亮上下游用路由探测指定入口和数据库播放完整调用路径切到 After确认目标架构导出 WebM 动图或 PNG贴回 PR 或方案文档。如果代码后续又改了让 Agent 重新生成一遍即可。Archify 的工作流可以概括为生成、校验、预览、交付、迭代图的维护成本接近跑一次测试。图表过期这个老毛病在这种更新成本下会小很多。5. 模型入口的三种写法Claude Code、Codex、CC Switch5.1 Claude Codesettings.jsonClaude Code 读取settings.json使用ANTHROPIC_*变量{ env: { ANTHROPIC_BASE_URL: https://taotoken.net/api, ANTHROPIC_AUTH_TOKEN: YOUR_API_KEY, ANTHROPIC_MODEL: claude-sonnet-4-5 } }模型名请按 TaoToken 控制台可用列表替换。保存后重启 Claude Code确认能读仓库再调用 Archify。5.2 Codexconfig.tomlCodex 用config.toml不要把ANTHROPIC_*套进来model_provider taotoken model gpt-5-codex [model_providers.taotoken] name TaoToken base_url https://taotoken.net/api env_key TAOTOKEN_API_KEY wire_api responses环境变量在本地 shell 设置export TAOTOKEN_API_KEYYOUR_API_KEY5.3 CC Switch 三件套CC Switch 管理多套配置时把三件套写成{ baseUrl: https://taotoken.net/api, apiKey: YOUR_API_KEY, model: claude-sonnet-4-5 }如果用环境变量方式export ANTHROPIC_BASE_URLhttps://taotoken.net/api export ANTHROPIC_AUTH_TOKENYOUR_API_KEY export ANTHROPIC_MODELclaude-sonnet-4-5注意CC Switch 里的 Claude Code 配置用ANTHROPIC_*Codex 配置走config.toml和TAOTOKEN_API_KEY两者不要交叉。模型入口越统一Archify 读代码、生成 IR、跑验证的成功率越稳定。6. 交互能力为什么它比截图适合评审Archify 的产物是单文件 HTML零运行时依赖双击就能打开。核心交互包括节点搜索大图里直接定位服务上下游可达性点节点看“谁影响它、它影响谁”路由探测指定起点终点亮出调用路径角色视角开发、运维、安全看到不同着色和侧重故事播放像放电影一样演示一次请求的完整生命周期。配合深色/浅色主题、演示模式和四种视觉预设同一张图既能进文档也能直接上会议大屏。导出支持 PNG、SVG、WebM 动图还有 1200×630 分享卡片。评审场景里演示模式和故事播放特别实用不用切 PPT直接在一个页面里完成基线、差异、目标三态讲解。7. 竞品对比与选型工具输出形态交互能力是否读代码/验证适合场景Archify单文件 HTML搜索、链路追踪、故事播放读真实代码IR 验证重构评审、PR、架构治理fireworks-tech-graphSVG/PNG静态图不读代码不验证教程配图、AI 系统架构岚叔动态架构图GIF/PNG/Excalidraw动画展示不读代码不验证公众号封面、技术文章配图fireworks-tech-graph 风格多覆盖 UML 和 AI 模板岚叔动态架构图手绘动画适合传播。Archify 的差异点只有一条读真实代码、验证拓扑、支持变更对比。日常配图可以选前两者架构评审和跟代码较真的场合用 Archify。三条路线甚至可以组队传播图用动态或静态风格评审图用 Archify 三视图。8. 局限与避坑必须寄生在 AI 编程工具里没有网页版代码改动后需要手动重新生成CI 自动更新方案还在 Roadmap极端复杂布局可能仍需人工微调不是 draw.io 那种手动画布项目还年轻Schema 和 API 可能随版本变动生产使用建议锁版本。避坑建议锁 Archify 版本Key 不写进仓库Delta 视图只信真实文件路径评审前先跑一遍验证避免大屏上才发现拓扑缺失。如果团队要求图必须跟 CI 联动目前还需要自己加定时任务或触发脚本让 Agent 在合并后重新生成。9. 文末 CTA把模型入口和三视图一起跑通如果你还在 Cursor 里被模型未配置、请求 401 卡住建议按这个顺序走模型对话先确认 TaoToken 模型入口可用Coding Plan需要长期在 Cursor 或 Claude Code 里跑 Archify选合适方案创建 Key在控制台生成YOUR_API_KEYClaude Code 文档需要settings.json和ANTHROPIC_*细节时查文档。模型对话https://taotoken.net/models/detail/chat?utm_sourcetaotoken_aicg_blog_endutm_contentcursor_archify_chatCoding Planhttps://taotoken.net/coding-plan?utm_sourcetaotoken_aicg_blog_endutm_contentcursor_archify_planAPI Keyshttps://taotoken.net/console/api-keys?utm_sourcetaotoken_aicg_blog_endutm_contentcursor_archify_keyClaude Code 文档https://taotoken.net/doc/ClaudeCodeAnthropic?utm_sourcetaotoken_aicg_blog_endutm_contentcursor_archify_claude_code_doc官网入口https://taotoken.net/?utm_sourcetaotoken_aicg_blog_endutm_contentarchify_final_cta架构图不该是一张固定图片。把模型入口固定到 TaoToken把 Base URL 固定为https://taotoken.net/api再让 Archify 读代码、出 IR、验证、编译三视图重构评审会从“口头描述”变成“链路确认”。你们团队现在怎么评审架构变更还在用截图还是 Mermaid可以先从一张 Delta 视图开始试。