MCP-Server-Builder
Erstellen Sie produktionsreife MCP-Server mit Tools, Ressourcen, Prompts und interaktiven Widgets unter Verwendung von mcp-use.
Vor dem Codieren
Zerlegen Sie Benutzeranfragen in Tools, Widgets und Ressourcen. Entscheiden Sie, was eine Benutzeroberfläche und was Text benötigt.
Lesen Sie design-and-architecture.md: bei der Planung dessen, was gebaut werden soll, der Entscheidung zwischen Tool und Widget oder dem Entwerfen von UX-Abläufen.
Implementierung
- Tools, Ressourcen, Prompts → tools-and-resources.md: beim Schreiben von serverseitigem
server.tool(),server.resource(),server.prompt()-Code - Visuelle Widgets (React TSX) → widgets.md: beim Erstellen interaktiver UI-Widgets im Ordner
resources/ - Response-Helper-API → response-helpers.md: bei der Wahl, wie Tool-/Ressourcen-Rückgabewerte formatiert werden sollen
- URI-Vorlagenmuster → resource-templates.md: bei der Definition parametrisierter Ressourcen
Kurzreferenz
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-Helfer: text(), object(), markdown(), html(), image(), audio(), binary(), error(), mix(), widget()
Server-Methoden: server.tool(), server.resource(), server.resourceTemplate(), server.prompt(), server.listen()