Archify

tt-a1i/archify 访问 GitHub ↗
🔤 HTML ★ 12551 ⑂ 0 monthly #18 (+8121) 抓取 2026-08-15

一句话简介

一个面向 JavaScript 项目的浏览器拓展工具,用于在 GitHub 上查看仓库目录结构与文件树。

标签

  • 浏览器扩展
  • 开发者工具
  • GitHub
  • 目录树
  • JavaScript

适用应用场景

  • 在 GitHub 页面直接浏览项目目录结构
  • 快速预览开源项目文件组织
  • 辅助代码审查与项目结构分析

README 中文摘要

Archify

将代码库或系统描述转换为可直接在聊天中呈现的、可交互的系统架构图。

Archify 是面向 Raven、Cursor、Claude Code、Codex CLI 与 OpenCode 的代理技能。给定系统描述或仓库,可产出可交互、可分享的技术架构图。

核心特性

  • 即时呈现:内置五种技术图类型(架构、工作流、时序、数据流、生命周期)、四种视觉预设、明暗双主题,可选有限动效。
  • 合并前评审:对两个已校验快照执行 Before / Delta / After 对比,精确标注新增、删除、变更、移动与改道事实。
  • 可追溯的交互:节点搜索、可选打开版本校验后的源代码、上下游作者可达性分析、精确路径追踪、角色对比、按剧本播放;不臆造拓扑,不宣称运行期影响。
  • 单一输出文件:类型化 JSON IR 与确定性校验产出独立 HTML,并支持 PNG、SVG、WebM 与 1200×630 分享卡片。

当前稳定版本:v2.14.0

快速开始

安装

npx skills add tt-a1i/archify -g          # 全局安装技能

无需安装的试用方式:

npx skills use tt-a1i/archify@archify --agent codex

DeepSeek Harness 社区集成(非官方):

dsh plugin --profile web add @tt-a1i/archify-dsh@0.1.0

Raven 需手动解压 archify.zip~/.raven/workspace/skills,得到 ~/.raven/workspace/skills/archify

第一张图

向代理发出指令:

分析本仓库,然后使用 archify 创建一张高层运行时架构图。
包含 8 到 12 个核心组件、一条主路径、外部依赖与信任边界。
细节使用卡片呈现,不要增加更多边。

聚焦某一流程:

使用 archify 绘制登录流程:浏览器 -> Web 应用 -> API -> JWT 校验 ->
Redis 会话查询 -> PostgreSQL 回退,将缓存未命中路径作为次要路径。

随后可在聊天中迭代:add Redismove auth to the lefthighlight the rollback path。Archify 保留类型化源码以支持定向修改。

图类型选择

类型 适用场景 提示中需提供
Architecture 组件、服务、存储、边界 范围、核心组件、主路径
Workflow CI/CD、审批、工具调用、Runbook 参与者、顺序、分支、异常
Sequence API 调用、缓存回退、鉴权、异步轨迹 调用者、被调用者、返回、时序
Data Flow 管道、谱系、PII、消费者 来源、转换、存储、边界
Lifecycle 状态、重试、等待、终态 状态、事件、重试与取消路径

Architecture 可启用 deployment-ownership 工程配置;缺失负责人、单区域部署、私有数据库范围、命名边界穿越时失败并阻断,永不静默启用,且只校验作者事实,不涉及运行期基础设施。

合并前评审可使用 Architecture Delta:对比两个已校验快照,提供机器可读回执。可选择某一精确变更或播放一段有限的 Review——仅查看器、不推断影响、风险或合并安全性。

node archify/bin/archify.mjs compare architecture base.json head.json architecture-delta.html --json

不确定使用哪种图类型时:

node archify/bin/archify.mjs guide "Show an API request with Redis cache miss"
node archify/bin/archify.mjs guide "Map Kafka topics, consumer groups, replay, and DLQ" --json

技术架构

  • 布局判断优先:由代理决定层级、间距、路径与强调方式,共享自动端点以确定性方式分散,避免箭头堆叠。
  • 类型化 JSON IR:每个由渲染器支撑的模式都附带模式定义与可复现源。
  • 交付前原子校验:模式、布局、HTML/SVG、路径、标签到路径净空检查全部通过后,展示工件才会替换上次已知良好产物。
  • 失败附带修复回执validate --jsondeliver --json 返回稳定的规则代码、确切主体、实测证据,仅给出受支持的修复选项而非 Node 栈或无结构重试猜测。
  • 保留上次良好预览:可选的桌面循环监视单一 JSON 文件,仅在最新候选通过所有关卡后刷新;保存不完整或无效时保留上一次已校验图。
  • 真实交互:聚焦、上下游可达、精确路径、角色对比与剧本均复用作者节点与关系,不臆造拓扑,不宣称运行期影响。
  • 按需的源证据:基于证据的 Architecture 节点标记为 SRC n,可打开钉在某一公开提交上的、经 Git 校验的文件与行范围;普通工件不附带源码。
  • 默认可移植:结果为单一 HTML 文件;导出保留完整图,不含临时查看器状态。

工作流程

阶段 行为
Generate 代理根据描述生成类型化 JSON IR
Validate 内置校验器与布局规则检查源,失败时输出机器可读的本地修复建议
Preview(可选) 仅本地回环的桌面会话监视单一源,仅在通过校验后刷新;失败时保留上次良好工件
Deliver 同目录候选被渲染与检查;仅通过的工件以原子方式替换目标;可选 --open 启动该文件
Iterate 代理更新源,未涉及的结构保持稳定

常用命令:

node bin/archify.mjs doctor
node bin/archify.mjs demo /tmp/archify-demo
node bin/archify.mjs validate workflow examples/agent-tool-call.workflow.json --quality showcase --json
node bin/archify.mjs preview workflow examples/agent-tool-call.workflow.json /tmp/workflow.html --quality showcase
node bin/archify.mjs deliver workflow examples/agent-tool-call.workflow.json /tmp/workflow.html --quality showcase --open --json

preview 显式绑定 127.0.0.1 的随机端口,仅监视指定 JSON 文件,失败时保留上次通过校验的输出,Ctrl-C 停止;不增加生成 HTML 的运行时开销。deliver --open 是一次性本地交付,通过校验后才会启动,成功交付不会被 OS 打开器不可用转为失败;JSON 输出至 stdout,手动打开的绝对路径输出至 stderr。

动效与演示样式需显式配置:

{
  "meta": {
    "animation": "trace",
    "visual_preset": "signal-flow"
  }
}

省略 animation 即生成完全静态图。classic 为默认预设;editorial 提供更温暖的刊物风格。

查看与分享操作

操作 控制键
打开图说明 ?
查找并聚焦语义节点 /
追踪上下游作者可达性 聚焦节点后选 Upstream / Downstream
探查有向路径 RPATH
对比一至两个语义角色 LLENS
打开实时概览雷达 MMAP
播放剧本 / 变更章节 P / [ ]
进入演示模式 F
切换视觉样式 / 主题 / 打开导出 S / T / E
缩放或重置 + / - / 0

稳定链接支持以下片段:#focus=<id>#focus=<id>&reach=upstream|downstream#relation=<id>#route=<source>~<target>#lens=<kind>~<kind>#view=<view-id>。读者驱动的动效有限且遵循 prefers-reduced-motion,不会进入规范导出。

安装方式

载体 位置或方式 能力
Raven 手动解压 ZIP 至 ~/.raven/workspace/skills 完整渲染器与校验流程
Claude Code ~/.claude/skills/.claude/skills/ 完整渲染器与校验流程
Codex CLI ~/.agents/skills/.agents/skills/ 完整渲染器与校验流程
opencode ~/.config/opencode/skills/ 完整渲染器与校验流程
Claude.ai 在设置中上传 archify.zip 依赖沙箱中的 Node.js 能力
Project Knowledge 上传 archify.zip 至项目 由提示驱动的架构回退

不在范围

自动 Mermaid 解析、通用自动布局、托管分享、所见即所得编辑均明确不在当前范围内。

许可

MIT 协议,可自由使用、修改与分发。

摘要更新于 2026-08-15 00:38:24 · 原文 17884 字符 · md5 9651e0b3226f…