入门攻略
MCP提交
探索
MCP Client Browser
概述
内容详情
替代品
什么是MCP Client Browser?
MCP Client Browser是一个让您能在网页浏览器中直接与AI模型对话的工具库。它使用标准的MCP协议与服务器通信，无需搭建后端即可实现智能对话功能。如何使用MCP Client Browser?
只需在网页应用中安装这个库，配置好MCP服务器地址，就可以开始发送请求和接收AI模型的响应。适用场景
适合需要在网页中集成AI聊天功能、智能写作助手或教育类交互应用的场景。主要功能
浏览器直接运行完全在浏览器环境中运行，无需后端服务器支持
MCP协议支持兼容Model Control Protocol标准，可与各种MCP服务器通信
Cherry模板集成内置支持Cherry Studio的提示模板格式，简化对话流程设计
简单API提供清晰易用的TypeScript接口，方便快速集成到各种前端项目
优势与局限性
优势
轻量级前端解决方案，减少服务器负载
支持主流现代浏览器
灵活的模板系统可定制对话流程
良好的TypeScript类型支持
局限性
依赖MCP服务器支持CORS
需要服务器兼容Cherry提示模板规范
复杂对话场景可能需要额外开发
如何使用
安装库通过npm或yarn安装mcp-client-browser包
初始化客户端创建客户端实例并配置MCP服务器地址
发送请求使用send方法发送请求并处理响应
使用案例
简单问答实现基本的问答功能
模板对话使用预定义模板进行结构化对话
多轮对话保持对话上下文进行连续交流
常见问题
1
需要什么样的MCP服务器？需要支持CORS且兼容Cherry提示模板规范的MCP服务器
2
支持哪些浏览器？支持所有现代浏览器(Chrome, Firefox, Safari, Edge等)
3
如何处理敏感数据？所有数据直接发送到配置的MCP服务器，本库不做存储
4
可以自定义模板吗？可以，只需在服务器端配置相应模板即可使用
相关资源
Cherry Studio GitHubCherry Studio项目主页
MCP协议文档Model Control Protocol官方文档
示例项目使用本库的演示项目
精选MCP服务推荐
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器，为Claude等LLM提供网页搜索和内容抓取服务
Python
208
4.3分
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器，提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
2,954
5分
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具（如Cursor）提供Figma设计数据访问的服务器，通过简化Figma API响应，帮助AI更准确地实现设计到代码的一键转换。
TypeScript
6,098
4.5分
Exa Web Search
已认证
Exa MCP Server是一个为AI助手（如Claude）提供网络搜索功能的服务器，通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
1,426
5分
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
88
4.8分
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务，提供地理编码、路线规划等10个标准化API接口，支持Python和Typescript快速接入，赋能智能体实现地图相关功能。
Python
322
4.5分
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器，支持与强大的文本转语音、视频/图像生成API交互，适用于多种客户端工具如Claude Desktop、Cursor等。
Python
362
4.8分
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务，通过Model Context Protocol直接集成到提示中，解决LLM使用过时信息的问题。
TypeScript
4,852
4.7分
