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许可证
