网页容器-mcp浏览器

Name: 网页容器-mcp浏览器
Author: ahmedrowaihi

作者：ahmedrowaihi19 星标更新：2025-07-15

安装使用来源：spider==github.com

项目介绍

WebContainer MCP系统

在浏览器中使用WebContainers运行任意模型上下文协议（MCP）标准I/O服务器。

🔧 开发者提示：此项目包含一个独立的WebContainer MCP传输实现，可以在其他项目中独立使用。查看传输README以获取API文档和使用示例！

这是什么？

这个项目允许你在浏览器中直接运行基于Node.js的MCP服务器——如AI工具服务器、自动化机器人或自定义CLI工具——由WebContainers提供支持。它提供了一个美观且交互式的仪表板，用于启动、停止和与MCP服务器进行交互，包括：

进程配置：粘贴或编辑JSON来定义要运行的MCP服务器（本地或从npm）。
实时系统日志：查看实时输出，过滤掉进度条，长行可滚动，并能一键复制任何日志行。
工具发现和调用：列出可用的MCP工具，填写表单并交互式地调用工具。
持久状态：所有输入字段和配置在重新加载后仍然保留。
现代UI/UX：响应式设计，主题感知，无障碍访问。

主要特性

在浏览器标签页中运行任意MCP标准I/O服务器（来自本地代码或npm）。
由WebContainers驱动：真正的Node.js环境，无需远程后端。
交互式仪表板：列出工具，调用它们，并查看日志。

使用方法

克隆并安装：

git clone --recurse-submodules https://github.com/ahmedrowaihi/webcontainer-mcp-browser.git
cd webcontainer-mcp-browser
pnpm install
pnpm dev
# 或根据喜好使用npm/yarn

在浏览器中打开： 访问 http://localhost:3000
配置并运行MCP服务器：
- 粘贴进程配置JSON（例如，运行npm MCP服务器）。
- 点击“启动服务器”。
- 使用仪表板列出工具，调用它们，并查看日志。

示例MCP服务器配置

{
  "command": "npx",
  "args": ["-y", "@yourorg/your-mcp-server"],
  "env": {
    "YOUR_API_KEY": "..."
  }
}

为什么选择WebContainers？

WebContainers让你能够在浏览器中运行真实的Node.js进程，具有完整的文件系统和进程隔离。本项目利用这一点，使任何MCP标准I/O服务器瞬间可用——无需后端、Docker或本地Node.js。