MCP服务器构建器 - 快速构建生产就绪的AI工具与交互式小部件服务器

mcp-builder by mcp-use/mcp-use

6,500 周安装量

9,500 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/mcp-use/mcp-use --skill mcp-builder

AI/机器学习开发生产力

🇨🇳中文介绍

MCP 服务器构建器

使用 mcp-use 构建具备工具、资源、提示词和交互式小部件的生产就绪 MCP 服务器。

编码之前

将用户请求分解为工具、小部件和资源。决定哪些需要 UI，哪些仅需文本。

阅读 design-and-architecture.md：在规划构建内容、决定使用工具还是小部件，或设计用户体验流程时参考。

实现

工具、资源、提示词 → tools-and-resources.md：在编写服务端 server.tool()、server.resource()、server.prompt() 代码时参考
可视化小部件 (React TSX) → widgets.md：在 resources/ 文件夹中创建交互式 UI 小部件时参考
响应辅助 API → response-helpers.md：在选择如何格式化工具/资源返回值时参考

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

相关 Skills

find-skills 技能搜索工具 - Vercel Labs 开源智能体技能包管理器

685,800 周安装

Vercel React 最佳实践指南 | 58条Next.js性能优化规则与代码重构

240,900 周安装

Vercel Web界面规范检查工具 - 自动检测代码是否符合Web设计指南

193,000 周安装

agent-browser 浏览器自动化工具 - Vercel Labs 命令行网页操作与测试

125,300 周安装

React 组合模式指南：Vercel 组件架构最佳实践，提升代码可维护性

import { MCPServer, text, object, markdown, html, image, widget, error } from "mcp-use/server";
import { z } from "zod";

const server = new MCPServer({ name: "my-server", version: "1.0.0" });

// 工具
server.tool(
  { name: "my-tool", description: "...", schema: z.object({ param: z.string().describe("...") }) },
  async ({ param }) => text("result")
);

// 资源
server.resource(
  { uri: "config://settings", name: "Settings", mimeType: "application/json" },
  async () => object({ key: "value" })
);

// 提示词
server.prompt(
  { name: "my-prompt", description: "...", schema: z.object({ topic: z.string() }) },
  async ({ topic }) => text(`Write about ${topic}`)
);

server.listen();

响应辅助函数： text(), object(), markdown(), html(), image(), audio(), binary(), error(), mix(), widget()

server.tool() - 定义可执行工具
server.resource() - 定义静态/动态资源
server.resourceTemplate() - 定义参数化资源
server.prompt() - 定义提示词模板
server.proxy() - 组合/代理多个 MCP 服务器
server.uiResource() - 定义小部件资源
server.listen() - 启动服务器

🇺🇸English

MCP Server Builder

Build production-ready MCP servers with tools, resources, prompts, and interactive widgets using mcp-use.

Before You Code

Decompose user requests into tools, widgets, and resources. Decide what needs UI vs text.

Read design-and-architecture.md: when planning what to build, deciding tool vs widget, or designing UX flows.

Implementation

Tools, resources, prompts → tools-and-resources.md: when writing server-side server.tool(), server.resource(), server.prompt() code
Visual widgets (React TSX) → widgets.md: when creating interactive UI widgets in resources/ folder
Response helper API → response-helpers.md: when choosing how to format tool/resource return values
URI template patterns → resource-templates.md: when defining parameterized resources
Server proxying & composition → proxy.md: when composing multiple MCP servers into a unified aggregator

Quick Reference

import { MCPServer, text, object, markdown, html, image, widget, error } from "mcp-use/server";
import { z } from "zod";

const server = new MCPServer({ name: "my-server", version: "1.0.0" });

// Tool
server.tool(
  { name: "my-tool", description: "...", schema: z.object({ param: z.string().describe("...") }) },
  async ({ param }) => text("result")
);

// Resource
server.resource(
  { uri: "config://settings", name: "Settings", mimeType: "application/json" },
  async () => object({ key: "value" })
);

// Prompt
server.prompt(
  { name: "my-prompt", description: "...", schema: z.object({ topic: z.string() }) },
  async ({ topic }) => text(`Write about ${topic}`)
);

server.listen();

Response helpers: text(), object(), markdown(), html(), image(), audio(), binary(), error(), mix(), widget()

Server methods:

server.tool() - Define executable tool
server.resource() - Define static/dynamic resource
server.resourceTemplate() - Define parameterized resource
server.prompt() - Define prompt template
server.proxy() - Compose/Proxy multiple MCP servers
server.uiResource() - Define widget resource
server.listen() - Start server

Weekly Installs

6.5K

Repository

mcp-use/mcp-use

GitHub Stars

9.5K

First Seen

Feb 2, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

codex6.5K

cursor6.5K

claude-code6.4K

gemini-cli300

opencode299

github-copilot294