ClaudeMap

Archify

代码库或系统描述进,精致可交互的系统地图出——类型化 JSON IR 确定性编译成 HTML/SVG。

技能与命令skilldiagramsarchitecturevisualizationsvg

Archify 是面向 Cursor、Claude Code、Codex CLI 与 OpenCode 的 Node.js 渲染与校验系统。agent 产出类型化 JSON IR,Archify 确定性编译成自包含的可交互 HTML/SVG 地图——五种图型、四套预设、明暗主题、内置品牌标、有限动效。评审架构变更是比对两张已校验快照的 Before / Delta / After,给出精确的新增、删除、变更、移动与改线事实。交互全程有据:搜节点、按确切路由追溯上下游可达、比对角色、播放导览故事——工具绝不发明拓扑。不需要仓库,在对话里描述系统即可。导出是一个可分享的 HTML 文件,另附 PNG、SVG、WebM 与 1200×630 分享卡。

它做什么

  • 五种图型、四套预设、明暗主题——从类型化 JSON IR 确定性编译,同样输入永远得到同样的地图
  • Before / Delta / After 快照比对,给出精确的新增、删除、变更、移动与改线事实——像审代码 diff 一样审架构变更
  • 交互全程有据:搜索节点、可选打开经版本校验的源码、按确切路由追溯上下游可达、比对角色、播放导览故事
  • 一个文件即可信任与分享——自包含 HTML 另附 PNG、SVG、WebM 与 1200×630 分享卡;Proof Lab 画廊含 11 个内置校验场景

什么时候用

与代码保持一致的架构文档、可随 merge 评审的图 diff、直接从 agent 对话生成的可分享交互式系统地图——还在白板阶段、没有仓库也能用。

如何上手

npx skills add tt-a1i/archify -g
# 适用于 Cursor、Claude Code、Codex CLI 与 OpenCode;无需仓库——在对话里描述系统即可

注意事项

MIT,中英双语 README。README 跟踪 main 分支,当前开发版本 v2.17.0-dev.1。渲染是确定性的,但 JSON IR 仍由 agent 撰写——描述不准,得到的只是一张渲染精美的不准地图。

代码仓库

tt-a1i/archify

收录日期

地图上的相关资源

  • 归藏的 Agent Skill:把代码库的最近更新做成一支成片宣传片——接真实组件、代码渲染动画、代码写配乐,全程不碰视频剪辑软件。

    • agent-skill
    • video
    • promo
    • marketing
  • 一个给「图里没有任何文字线索」的照片做地理定位的 Agent Skill——用 OSM 几何、高程天际线与卫星瓦片,把「这是哪」变成带误差半径的测量答案。

    • agent-skill
    • geolocation
    • osint
    • openstreetmap
  • Birdview

    技能

    让 AI 编码 agent 在动第一行代码之前先画出架构、声明影响范围的 skill——成果是一张可直接打开的独立 HTML 架构地图。

    • skill
    • architecture
    • code-visualization
    • change-scope