AI导哈

Claude代码资源浏览器

一个VS Code扩展，提供侧边栏面板用于浏览和调用Claude Code资源（技能、代理、MCP服务器和插件）。

  • by Bowers-Enterprises
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 Bowers-Enterprises/claude-code-browser

使用说明

Claude代码浏览器

一个VS Code扩展，它提供了一个侧边栏面板，用于在一个地方发现和调用您的Claude Code资源——技能、代理、MCP服务器和插件。

为什么要延期？

如果你使用 克劳德代码 （Anthropic的Claude CLI），您可能已经在整个系统中积累了技能、代理和MCP服务器。此扩展程序为您提供了一个可视化浏览器，用于：

  • 发现 你有什么可用的资源
  • 一目了然 这是全球性的还是特定于项目的
  • 调用 只需单击一下

不再记住斜线命令名称或在目录中挖掘。

特性

技能浏览器

浏览您在全球范围内的所有Claude Code技能(~/.claude/skills/)本地项目(.claude/skills/)目录。

  • 查看技能名称和描述
  • 全球视觉指示器(🌐) vs项目(📁) 范围
  • 单击以复制 /skill-name 剪贴板命令

代理浏览器

从以下位置查看您的定制代理 ~/.claude/agents/.

  • 请参阅代理名称和描述
  • 一键复制代理调用命令

MCP服务器

从全局和全局查看所有配置的MCP（模型上下文协议）服务器(~/.claude/.mcp.json)和项目(.claude/.mcp.json)配置。

  • 查看服务器名称和URL/命令
  • 全局与项目范围的视觉指标
  • 无需打开配置文件即可快速参考

插件

从以下位置浏览已安装的插件 ~/.claude/plugins/.

  • 查看插件元数据
  • 一目了然地查看可用内容

公共特性

  • 搜索/筛选：使用搜索图标过滤所有类别的资源
  • 刷新：单击刷新以重新扫描目录以查找新资源
  • 范围徽章：立即查看资源是全局资源还是特定于项目的资源

安装

来自VSIX（推荐）

  1. 下载最新 .vsix 文件来自 发布
  2. 通过以下方法之一进行安装：
    • 拖放 这 .vsix 文件转换为VS代码
    • 命令行: code --install-extension claude-code-browser-0.1.0.vsix
    • VS Code: Cmd+Shift+P → “扩展：从VSIX安装…”

来源

git clone https://github.com/Bowers-Enterprises/claude-code-browser.git
cd claude-code-browser
npm install
npm run compile
npm run package
code --install-extension claude-code-browser-0.1.0.vsix

用法

  1. 打开侧边栏：单击活动栏（左侧）中的Claude代码浏览器图标
  2. 浏览资源：展开技能、代理、MCP服务器或插件部分
  3. 调用资源：单击任何项目将其命令复制到剪贴板
  4. 粘贴到Claude代码中：新闻 Cmd+V 在Claude Code聊天输入中

键盘快捷键

操作 快捷方式
搜索/筛选 单击🔍 在节标题中
刷新 单击🔄 在节标题中

配置

扩展程序会自动从以下位置发现资源：

资源类型 全球位置 项目位置
技能 ~/.claude/skills/ .claude/skills/
代理商 ~/.claude/agents/ —
MCP服务器 ~/.claude/.mcp.json .claude/.mcp.json
插件 ~/.claude/plugins/ —

无需额外配置。

已知限制

  • 基于剪贴板的调用：由于VS Code扩展沙盒，我们无法直接将文本注入Claude Code聊天输入。扩展程序将命令复制到剪贴板进行粘贴。

发展

先决条件

  • Node.js 18+
  • VS代码1.85+

设置

git clone https://github.com/Bowers-Enterprises/claude-code-browser.git
cd claude-code-browser
npm install

构建与测试

# Compile TypeScript
npm run compile

# Watch mode
npm run watch

# Package extension
npm run package

调试

按 F5 在VS Code中启动加载了扩展的扩展开发主机。

贡献

欢迎投稿！请参阅 贡献.md 作为指导方针。

许可证

MIT许可证-请参阅 许可证 了解详情。

学分

内置于❤️ Claude Code社区。

与Anthropic无关。 克劳德密码是人类密码的产物。

相关 MCP