Skill archify 把想法和代码变成交互图表的智能体技能

向 AI 编程智能体描述一个系统架构，得到的往往是一大段文字，既不好理解也不好分享。想要一张可交互、能展开的架构图，通常得自己再打开画图工具手动重画。
Archify 是一个面向 Claude Code、Codex 等智能体的『技能（Skill）』。你用自然语言描述想法、计划或代码库，它就能生成可探索、可定制、可分享的交互式 HTML 图表——从旅行路线到复杂系统架构都能画。

项目基本信息

一、项目介绍

archify（Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.），把想法和代码变成交互图表的智能体技能。它把相关能力封装成开箱即用的形态，让开发者无需从零搭建即可直接落地，下文从优势、场景到安装使用逐一展开。

二、核心优势

• 用一句话让智能体产出可交互图表，而非纯文字
• 兼容 Claude Code、Codex、Cursor、OpenCode 等主流智能体
• 支持架构图、流程图、时序图等多种形态
• 生成物是 HTML，便于分享与二次定制

三、适用场景

• 把代码库或系统设计可视化给团队讲解
• 用图形方式做计划、学习地图、旅行安排
• 需要把智能体输出转成可分享图的场景

四、安装教程

Archify 遵循 Agent Skills 标准，安装到智能体的技能目录即可。以 Claude Code 为例：

npx skills add tt-a1i/archify

或使用 skills.sh 等分发渠道安装。也可手动把仓库克隆到 .claude/skills/archify 目录。

常见报错：command not found: npx skills。说明本地没有 skills CLI，先按对应智能体的文档装好技能管理工具，或改为手动复制技能文件夹。

五、使用示例

安装后，在对话里直接描述需求：

用户：用 Archify 画一张『用户登录流程』的时序图，包含浏览器、网关、鉴权服务和数据库。

输入：一句自然语言需求。
输出：智能体调用 Archify 生成一张可点击展开、带步骤说明的交互式 HTML 时序图，浏览器打开即可查看与分享。

六、常见问题

问：生成的图能导出图片吗？

答：产物是 HTML，可在浏览器里截图或进一步用工具转成图片/PDF 分享。

问：一定要联网吗？

答：生成在本地完成，但部分在线模板或服务由各自提供方运营，使用前看清官方说明。

七、总结

Archify 把智能体的『文字输出』升级成『可交互图表』，是做架构讲解、计划可视化的高效技能，推荐给重度使用 AI 编程智能体的团队。