MCP-CLIENT-BROWSER

mcp-client-browser 是一个 TypeScript 库，它为浏览器带来了 MCP（模型控制协议）的支持。通过 MCP 服务器，它可以无缝地与大型语言模型（LLMs）进行交互，并利用 Cherry Studio 的提示模板和通信逻辑。

✨ 特性

• 🌐 完全在浏览器中运行（无需后端）
• ⚡ 与兼容 MCP 的服务器通信
• 🧠 内置支持 Cherry Studio 的 MCP 提示格式
• 🛠️ 简单、可扩展且适合 TypeScript 的 API
• 📦 设计用于轻松集成到现代 Web 应用程序中

🚀 快速开始

安装

npm i @autoexpect/mcp-sseclient-browser

使用

let mcpClient = new MCPClient(
  [
    {
      url: new URL('/api/mcps/sse', window.location.origin)
    }
  ],
  {
    baseUrl: window.location.origin + "/v1",
    apiKey: "sk-default",
    model: "deepseek-v3",
  }
);
await mcpClient.connect();
await mcpClient.processQueryStream(
  "系统提示",
  "用户提示",
  true,
  (chunk) => {
  },
  (fullResponse) => {
  }
);

✅ 确保您的 MCP 服务器支持 CORS 和 Cherry 提示规范。

💡 使用场景

• 在浏览器中由 LLM 驱动的 AI 聊天机器人
• 将可定制的提示工作流程嵌入前端应用程序
• 创建互动式教育或创意写作工具

🧩 集成

• Cherry Studio: 轻松插入 Cherry 样式的提示模板
• 兼容大多数 OpenAI 兼容或自定义的 MCP 服务器

🛡️ 安全与隐私

此库不存储用户数据。所有交互直接发生在浏览器和配置的 MCP 服务器之间。

📄 许可证

MIT 许可证