本文へ移動
cccskills
無料GitHub で公開

mcp-builder

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.

インストール方法を見る

含まれるファイル(13)

  • SKILL.md2.9 KB
  • evals/architecture.json2.1 KB
  • evals/implementation.json1.5 KB
  • evals/README.md460 B
  • evals/skill.json1.9 KB
  • evals/widgets.json1.8 KB
  • LICENSE.txt8.9 KB
  • references/design-and-architecture.md5.9 KB
  • references/proxy.md3.2 KB
  • references/resource-templates.md3.1 KB
  • references/response-helpers.md6.4 KB
  • references/tools-and-resources.md9.6 KB
  • references/widgets.md13.7 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

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 ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK. Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets, working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/Generative-UI-Global-Hackathon-Starter-Kit72026年5月27日 更新

Use when building custom agent backends, implementing the AG-UI protocol, debugging streaming issues, or understanding how agents communicate with frontends. Covers event types, SSE transport, AbstractAgent/HttpAgent patterns, state synchronization, tool calls, and human-in-the-loop flows.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/Generative-UI-Global-Hackathon-Starter-Kit72026年5月27日 更新

Use when contributing to the CopilotKit open-source project — forking, cloning, setting up the monorepo, creating branches, running tests, and submitting pull requests against CopilotKit/CopilotKit.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/Generative-UI-Global-Hackathon-Starter-Kit72026年5月27日 更新

Use when diagnosing CopilotKit issues -- runtime connectivity failures, agent not responding, streaming errors, tool execution problems, transcription failures, version mismatches, and AG-UI event tracing.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/Generative-UI-Global-Hackathon-Starter-Kit72026年5月27日 更新

Use when building AI-powered features with CopilotKit v2 -- adding chat interfaces, registering frontend tools, sharing application context with agents, handling agent interrupts, and working with the CopilotKit runtime.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/Generative-UI-Global-Hackathon-Starter-Kit72026年5月27日 更新

Use when wiring an external agent framework (LangGraph, CrewAI, PydanticAI, Mastra, ADK, LlamaIndex, Agno, Strands, Microsoft Agent Framework, or others) into a CopilotKit application via the AG-UI protocol.

日本語の概要は準備中です。原文の説明を表示しています。

CopilotKit/Generative-UI-Global-Hackathon-Starter-Kit72026年5月27日 更新

CopilotKit のスキルをすべて見る

このスキルの問題を報告する