mcp
在浏览器中连接大语言模型的TypeScript客户端库
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：mcp。 它的用途是：在浏览器中连接大语言模型的TypeScript客户端库 详细介绍见：https://321skill.com/skills/mcp-mcp-client-browser/ 请根据该页面的说明完成安装。
使用示例
“我想在浏览器插件里添加一个功能，让用户选中网页文本后能直接调用大模型进行总结。”，它会引导你使用 mcp 库来建立与 MCP 服务器的连接，并封装一个调用总结功能的函数。然后，你可以将这个函数集成到浏览器的右键菜单或弹出窗口中，实现无缝的文本总结体验。
介绍
mcp 是一个 TypeScript 库，旨在解决开发者在浏览器环境中难以直接、便捷地使用 MCP（Model Context Protocol）协议与大语言模型进行交互的问题。它封装了 MCP 协议的客户端逻辑，让前端应用或浏览器扩展能够轻松调用模型能力，无需复杂的后端代理。
使用方式非常简单，开发者可以通过 npm 安装该库，然后在你的 TypeScript/JavaScript 项目中导入并使用。它提供了清晰的 API 来建立与 MCP 服务器的连接、发送请求和处理模型响应，让你可以像调用本地函数一样调用远程的模型能力。
这个库非常适合需要在浏览器端集成 AI 功能的前端开发者、全栈开发者以及智能体开发者。无论是构建智能浏览器插件、开发交互式 AI 应用，还是为现有网页添加对话式 AI 功能，都可以利用这个库快速实现。
建议在使用前，确保你已有一个兼容的 MCP 服务器端点。由于运行在浏览器环境，需要注意网络请求的安全策略（如 CORS）以及 API 密钥等敏感信息的管理，避免直接暴露在前端代码中。
核心特点
这是专为浏览器环境设计的 MCP 客户端库，填补了前端直接调用 MCP 协议的工具空白，相比通用的 Node.js MCP 客户端，它更轻量且专注于处理浏览器特有的网络和安全环境。
注意事项
不适合需要离线运行或与浏览器环境无关的后端服务集成场景。
常见问题
mcp 库和 MCP 服务器是什么关系？
mcp 是客户端库，用于在浏览器中连接并调用 MCP 服务器提供的模型能力。
这个库支持哪些大语言模型？
它支持任何提供了 MCP 协议兼容接口的模型服务器，本身不限定具体模型。