mcp-builderClaude Skill
DEPRECATED: This skill has been replaced by `mcp-app-builder`.
| name | mcp-builder |
| description | DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-use/mcp-use --skill mcp-app-builder` Use `mcp-app-builder` instead of this skill. Build Model Context Protocol (MCP) servers with mcp-use framework. Use when creating MCP servers, defining tools/resources/prompts, working with mcp-use, bootstrapping MCP projects, or when user mentions MCP development, tools, resources, or prompts. |
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 toolserver.resource()- Define static/dynamic resourceserver.resourceTemplate()- Define parameterized resourceserver.prompt()- Define prompt templateserver.proxy()- Compose/Proxy multiple MCP serversserver.uiResource()- Define widget resourceserver.listen()- Start server
Similar Claude Skills & Agent Workflows
miro-automation
Automate Miro tasks via Rube MCP (Composio): boards, items, sticky notes, frames, sharing, connectors.
macos-design
Design and build native-feeling macOS application UIs.
linear-automation
Automate Linear tasks via Rube MCP (Composio): issues, projects, cycles, teams, labels.
jira-automation
Automate Jira tasks via Rube MCP (Composio): issues, projects, sprints, boards, comments, users.
figma-automation
Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports.
clickup-automation
Automate ClickUp project management including tasks, spaces, folders, lists, comments, and team operations via Rube MCP (Composio).