Repolode
提交项目
mcp-use

mcp-use/mcp-use

用 TypeScript 构建 MCP 服务器、带 React 视图的 MCP 应用和客户端的全栈框架，内置调试器和 CLI。

在 GitHub 查看官网
Star
10,790
Fork
1,511
未关闭 Issue
84
最近提交
14小时前

这是什么？

mcp-use 是一个 TypeScript 框架，用于构建 Model Context Protocol（MCP）服务器，以及可在 ChatGPT、Claude 等客户端中运行的交互式 MCP 应用。开发者用 Zod 定义工具的输入输出结构，类型会贯穿结构化结果、视图属性和工具调用，端到端保持类型安全。

工具可以直接绑定 React 视图，在宿主对话中以交互界面呈现。开发模式下会启动 MCP 端点，并提供浏览器版 Inspector，用于调用工具和查看视图。执行 `mcp-use dev --tunnel` 可获得公网地址，便于在部署前用 ChatGPT 和 Claude 测试。

项目还包含用于在 Node.js、浏览器和 React 中连接 MCP 服务器的 `@mcp-use/client`，以及基于 MCP 客户端构建模型驱动智能体的 `@mcp-use/agent`。命令行工具可以列出和调用工具，并截取视图截图。部署方面既支持 Manufact 平台，也支持自行托管。

核心功能

  • 01基于 Zod 定义工具输入、结构化输出和视图属性，保持完整类型。
  • 02React 视图可直接绑定到工具，渲染交互式 MCP 应用。
  • 03开发时内置浏览器版 Inspector，可调用工具并查看视图。
  • 04隧道命令可将本地服务器暴露为公网地址，便于在 ChatGPT 和 Claude 中测试。
  • 05无界面 CLI 可在终端列出和调用工具，并截取视图截图。
  • 06提供客户端和智能体包，支持在 Node.js 或浏览器中连接 MCP 服务器。

适用场景

  • 构建向 Claude 或 ChatGPT 提供自定义工具的 MCP 服务器。
  • 开发可在聊天对话中渲染的图表、地图或图示类交互界面。
  • 部署前在 Inspector 中本地调试和测试 MCP 工具。
  • 用 TypeScript 开发调用远程 MCP 服务器工具的 AI 智能体。

快速上手

  1. 1

    生成新项目

    npx -y create-mcp-use-app@latest
  2. 2

    启动开发模式并打开 Inspector

    npm run dev

标签

#mcp#typescript#ai-agents#react#llm#model-context-protocol#chatgpt#claude#agent-plugins#agentic-framework

常见问题

mcp-use 是什么？
用 TypeScript 构建 MCP 服务器、带 React 视图的 MCP 应用和客户端的全栈框架，内置调试器和 CLI。 mcp-use 是一个 TypeScript 框架，用于构建 Model Context Protocol（MCP）服务器，以及可在 ChatGPT、Claude 等客户端中运行的交互式 MCP 应用。开发者用 Zod 定义工具的输入输出结构，类型会贯穿结构化结果、视图属性和工具调用，端到端保持类型安全。
mcp-use 可以免费使用吗？用的什么许可证？
mcp-use 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
mcp-use 还在维护吗？
活跃维护中。mcp-use 最近一次提交是在 2026年10月20日。
mcp-use 适合用来做什么？
构建向 Claude 或 ChatGPT 提供自定义工具的 MCP 服务器。 开发可在聊天对话中渲染的图表、地图或图示类交互界面。 部署前在 Inspector 中本地调试和测试 MCP 工具。 用 TypeScript 开发调用远程 MCP 服务器工具的 AI 智能体。
mcp-use 怎么安装和运行？
生成新项目: npx -y create-mcp-use-app@latest 启动开发模式并打开 Inspector: npm run dev
在哪里获取 mcp-use？
源代码和安装说明在 GitHub 上：https://github.com/mcp-use/mcp-use

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目