Gitnexus Explorer

使用 GitNexus 索引代码库，并通过 Web UI + Cloudflare 隧道提供交互式知识图谱。

技能元数据


来源	可选 — 通过 `hermes skills install official/research/gitnexus-explorer` 安装
路径	`optional-skills/research/gitnexus-explorer`
版本	`1.0.0`
作者	Hermes Agent + Teknium
许可证	MIT
平台	linux, macos, windows
标签	`gitnexus`, `code-intelligence`, `knowledge-graph`, `visualization`
相关技能	`native-mcp`, `codebase-inspection`

参考：完整 SKILL.md

정보

以下为技能触发时 Hermes 加载的完整技能定义。技能生效时，Agent 会看到这些指令。

GitNexus Explorer

将任意代码库索引为知识图谱，并提供交互式 Web UI 来探索符号、调用链、聚类和执行流程。通过 Cloudflare 隧道实现远程访问。

使用时机

用户希望直观地探索代码库架构
用户请求某个仓库的知识图谱/依赖图
用户希望与他人共享交互式代码库探索器

前提条件

Node.js (v18+) — GitNexus 和代理需要
git — 仓库必须包含 .git 目录
cloudflared — 用于隧道（如未安装，会自动安装到 ~/.local/bin）

规模警告

Web UI 会在浏览器中渲染所有节点。约 5000 个文件以下的仓库运行良好。大型仓库（3 万个节点以上）会变得缓慢或导致浏览器标签页崩溃。CLI/MCP 工具可处理任意规模 —— 只有 Web 可视化有此限制。

步骤

1. 克隆并构建 GitNexus（一次性设置）

GITNEXUS_DIR="${GITNEXUS_DIR:-$HOME/.local/share/gitnexus}"

if [ ! -d "$GITNEXUS_DIR/gitnexus-web/dist" ]; then
  git clone https://github.com/abhigyanpatwari/GitNexus.git "$GITNEXUS_DIR"
  cd "$GITNEXUS_DIR/gitnexus-shared" && npm install && npm run build
  cd "$GITNEXUS_DIR/gitnexus-web" && npm install
fi

2. 修补 Web UI 以支持远程访问

Web UI 默认使用 localhost:4747 进行 API 调用。将其修补为同源访问，以便通过隧道/代理正常工作：

文件：$GITNEXUS_DIR/gitnexus-web/src/config/ui-constants.ts 将：

export const DEFAULT_BACKEND_URL = 'http://localhost:4747';

改为：

export const DEFAULT_BACKEND_URL = typeof window !== 'undefined' && window.location.hostname !== 'localhost' ? window.location.origin : 'http://localhost:4747';

文件：$GITNEXUS_DIR/gitnexus-web/vite.config.ts 在 server: { } 代码块中添加 allowedHosts: true（仅当运行开发模式而非生产构建时需要）：

server: {
    allowedHosts: true,
    // ... 现有配置
},

然后构建生产包：

cd "$GITNEXUS_DIR/gitnexus-web" && npx vite build

3. 索引目标仓库

cd /path/to/target-repo
npx gitnexus analyze --skip-agents-md
rm -rf .claude/    # 移除 Claude Code 相关的工件

添加 --embeddings 参数可启用语义搜索（较慢——需几分钟而非几秒）。

索引存放在仓库内的 .gitnexus/ 目录下（自动加入 .gitignore）。

4. 创建代理脚本

将以下内容写入一个文件（例如 $GITNEXUS_DIR/proxy.mjs）。该脚本会提供生产环境 Web UI 服务，并将 /api/* 请求代理到 GitNexus 后端 —— 同源、无跨域问题、无需 sudo、无需 nginx。

import http from 'node:http';
import fs from 'node:fs';
import path from 'node:path';

const API_PORT = parseInt(process.env.API_PORT || '4747');
const DIST_DIR = process.argv[2] || './dist';
const PORT = parseInt(process.argv[3] || '8888');

const MIME = {
  '.html': 'text/html', '.js': 'application/javascript', '.css': 'text/css',
  '.json': 'application/json', '.png': 'image/png', '.svg': 'image/svg+xml',
  '.ico': 'image/x-icon', '.woff2': 'font/woff2', '.woff': 'font/woff',
  '.wasm': 'application/wasm',
};

function proxyToApi(req, res) {
  const opts = {
    hostname: '127.0.0.1', port: API_PORT,
    path: req.url, method: req.method, headers: req.headers,
  };
  const proxy = http.request(opts, (upstream) => {
    res.writeHead(upstream.statusCode, upstream.headers);
    upstream.pipe(res, { end: true });
  });
  proxy.on('error', () => { res.writeHead(502); res.end('后端不可用'); });
  req.pipe(proxy, { end: true });
}

function serveStatic(req, res) {
  let filePath = path.join(DIST_DIR, req.url === '/' ? 'index.html' : req.url.split('?')[0]);
  if (!fs.existsSync(filePath)) filePath = path.join(DIST_DIR, 'index.html');
  const ext = path.extname(filePath);
  const mime = MIME[ext] || 'application/octet-stream';
  try {
    const data = fs.readFileSync(filePath);
    res.writeHead(200, { 'Content-Type': mime, 'Cache-Control': 'public, max-age=3600' });
    res.end(data);
  } catch { res.writeHead(404); res.end('未找到'); }
}

http.createServer((req, res) => {
  if (req.url.startsWith('/api')) proxyToApi(req, res);
  else serveStatic(req, res);
}).listen(PORT, () => console.log(`GitNexus 代理运行在 http://localhost:${PORT}`));

5. 启动服务

# 终端 1：GitNexus 后端 API
npx gitnexus serve &

# 终端 2：代理（Web UI + API 共用一个端口）
node "$GITNEXUS_DIR/proxy.mjs" "$GITNEXUS_DIR/gitnexus-web/dist" 8888 &

验证：curl -s http://localhost:8888/api/repos 应返回已索引的仓库列表。

6. 使用 Cloudflare 隧道（可选——用于远程访问）

# 如果需要，安装 cloudflared（无需 sudo）
if ! command -v cloudflared &>/dev/null; then
  mkdir -p ~/.local/bin
  curl -sL https://github.com/cloudflare/cloudflared/releases/latest/download/cloudflared-linux-amd64 \
    -o ~/.local/bin/cloudflared
  chmod +x ~/.local/bin/cloudflared
  export PATH="$HOME/.local/bin:$PATH"
fi

# 启动隧道（--config /dev/null 避免与现有命名隧道冲突）
cloudflared tunnel --config /dev/null --url http://localhost:8888 --no-autoupdate --protocol http2

隧道 URL（例如 https://random-words.trycloudflare.com）会输出到 stderr。
分享它——任何拥有该链接的人都可以浏览该图。

7. 清理

# 停止服务
pkill -f "gitnexus serve"
pkill -f "proxy.mjs"
pkill -f cloudflared

# 从目标仓库中移除索引
cd /path/to/target-repo
npx gitnexus clean
rm -rf .claude/

常见陷阱

cloudflared 必须使用 --config /dev/null，如果用户已在 ~/.cloudflared/config.yml 中存在命名隧道配置。不使用该选项时，配置中的全能入口规则会对所有快速隧道请求返回 404。
隧道必须使用生产构建。 Vite 开发服务器默认阻止非 localhost 的主机（allowedHosts）。生产构建加上 Node 代理可以完全避免此问题。
Web UI 不会创建 .claude/ 或 CLAUDE.md。 这些文件由 npx gitnexus analyze 创建。使用 --skip-agents-md 可以抑制 markdown 文件，然后用 rm -rf .claude/ 删除其余部分。这些是 Claude Code 集成功能，hermes-agent 用户不需要。
浏览器内存限制。 Web UI 会将整个图加载到浏览器内存中。超过 5000 个文件的仓库可能会变慢。超过 30000 个文件很可能导致标签页崩溃。
嵌入是可选的。 --embeddings 启用语义搜索，但在大型仓库上需要几分钟。快速探索时跳过它；如果你希望通过 AI 聊天面板进行自然语言查询，可以添加。
多个仓库。 gitnexus serve 会服务所有已索引的仓库。索引多个仓库，启动一次 serve，Web UI 就允许你在它们之间切换。

技能元数据​

参考：完整 SKILL.md​

GitNexus Explorer

使用时机​

前提条件​

规模警告​

步骤​

1. 克隆并构建 GitNexus（一次性设置）​

2. 修补 Web UI 以支持远程访问​

3. 索引目标仓库​

4. 创建代理脚本​

5. 启动服务​

6. 使用 Cloudflare 隧道（可选——用于远程访问）​

7. 清理​

常见陷阱​