Token导航 LogoToken导航TokenDH.com
MCP Client Browser logo
AI代理未说明官方级别未说明来源级核验

MCP Client Browser

MCP Server

一个TypeScript库,为浏览器提供MCP(模型控制协议)支持,实现与大型语言模型的无缝交互。

工具数

0

提示词数

0

GitHub Stars

5

资源数

0
大型语言模型开发工具TypeScript本地部署

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

作者 / 组织

neotty

提供方

neotty

最后核验

2026/5/17 20:21

快速接入

先看主来源和安装命令,再打开仓库或文档;下面只保留这个条目的关键接入事实。

详细介绍

MCP-CLIENT-BROSWER

mcp客户端浏览器 是一个TypeScript库,为浏览器提供MCP(模型控制协议)支持。它通过MCP服务器实现了与大型语言模型(LLM)的无缝交互,利用 樱桃工作室的提示模板和通信逻辑。

✨ 特性

  • 🌐 完全在浏览器中运行(不需要后端)
  • ⚡ 与MCP兼容服务器通信
  • 🧠 内置支持Cherry Studio的MCP提示格式
  • 🛠️ 简单、可扩展且支持TypeScript-friendly 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(
  "System Prompt",
  "User Prompt",
  true,
  (chunk) => {
  },
  (fullResponse) => {
  }
);
✅ 确保您的MCP服务器支持CORS和Cherry提示规范。

💡 用例

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

🧩 集成

  • 樱桃工作室:轻松插入Cherry风格的提示模板
  • 与大多数OpenAI兼容或自定义MCP服务器兼容

🛡️ 安全与隐私

这个图书馆 存储用户数据。所有交互都直接发生在浏览器和配置的MCP服务器之间。

📄 许可证

MIT许可证

目录标签

目录标签

大型语言模型开发工具TypeScript本地部署MCP协议浏览器库前端集成

接入字段

传输方式(transport,传输协议)

未说明

鉴权方式(authType,认证方式)

none

工具数量(toolCount,工具数)

0

资源数量(resourceCount,资源数)

0

提示词数量(promptCount,提示词数)

0

权限和风险

未说明none部署方式未说明

接入前请确认传输方式、认证方式和部署位置,并根据实际工具能力限制访问范围。

安装前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

仍需确认:installCommand

来源信息

继续浏览同类 MCP