MCP Client Browser

MCP Client Browser

mcp-client-browser是一个TypeScript库，为浏览器提供MCP（模型控制协议）支持，实现与大型语言模型的无缝交互。

人工智能聊天机器人开发者工具 #浏览器交互 #模型协议 #AI工具 #前端集成 .TypeScript

评分 : 2分

下载量 : 9.5K

更新时间 : 2025-04-28

什么是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方法发送请求并处理响应

使用案例

简单问答

实现基本的问答功能

模板对话

使用预定义模板进行结构化对话

多轮对话

保持对话上下文进行连续交流

常见问题

需要什么样的MCP服务器？

支持哪些浏览器？

如何处理敏感数据？

可以自定义模板吗？

相关资源

Cherry Studio GitHub

Cherry Studio项目主页

MCP协议文档

Model Control Protocol官方文档

示例项目

使用本库的演示项目

Figma Context MCP

Framelink Figma MCP Server是一个为AI编程工具（如Cursor）提供Figma设计数据访问的服务器，通过简化Figma API响应，帮助AI更准确地实现设计到代码的一键转换。

Firecrawl MCP Server

Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器，提供丰富的网页抓取、搜索和内容提取功能。

Duckduckgo MCP Server

DuckDuckGo搜索MCP服务器，为Claude等LLM提供网页搜索和内容抓取服务

Edgeone Pages MCP Server

EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务

Exa MCP Server是一个为AI助手（如Claude）提供网络搜索功能的服务器，通过Exa AI搜索API实现实时、安全的网络信息获取。

百度地图MCP Server是国内首个兼容MCP协议的地图服务，提供地理编码、路线规划等10个标准化API接口，支持Python和Typescript快速接入，赋能智能体实现地图相关功能。

Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务，通过Model Context Protocol直接集成到提示中，解决LLM使用过时信息的问题。

Minimax MCP Server

MiniMax Model Context Protocol (MCP) 是一个官方服务器，支持与强大的文本转语音、视频/图像生成API交互，适用于多种客户端工具如Claude Desktop、Cursor等。

AIBase

智启未来，您的人工智能解决方案智库

English 简体中文繁體中文にほんご

© 2026AIBase