mcp-builder

作成者: mcp-use

非推奨: mcp-useを使用して、ツール、リソース、プロンプト、インタラクティブウィジェットを備えたMCPサーバーを構築します。このスキルは非推奨です。代わりにmcp-app-builderを使用してください。単一のMCPサーバー内でツール、リソース、プロンプト、インタラクティブなReactウィジェットを定義することをサポートします。テキスト、マークダウン、HTML、画像、オブジェクト、カスタムウィジェットとして出力をフォーマットするためのレスポンスヘルパーを含みます。複数のMCPサーバーを統合インターフェースに集約するためのサーバー構成とプロキシを提供します。

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

Build with mcp-use

Treat the installed mcp-use package, its exported types, generated declarations, and the project's existing code as the source of truth. Inspect the installed version before choosing APIs or changing code.

Workflow

  1. Inspect package.json, the server entry, exported tool refs, mcp-env.d.ts, views/, skills/, and the installed mcp-use version.
  2. Scaffold a new stable project with create-mcp-use-app@latest and the appropriate template. Match the package version or dist-tag when working on beta, canary, or an existing versioned project.
  3. Read only the references needed for the task:
    • Server for tools, resources, prompts, MCP middleware, request context, and result envelopes.
    • Views for interactive MCP Apps, React hooks, model context, host capabilities, assets, and CSP.
    • Authentication for OAuth providers, verified identity, scopes, permissions, and authorization.
    • Skills over MCP when a server should ship reusable workflows alongside its tools.
    • Advanced features for OpenAPI, proxying, notifications, subscriptions, and elicitation.
    • Migration only when retired or compatibility-only imports, helpers, registration shapes, UI patterns, or session assumptions are present.
    • Verification before reporting implementation work complete.
  4. Implement against installed types. Prefer the framework's current conventions over copied examples or historical changelogs.
  5. Validate the smallest real lifecycle that proves the changed behavior, then expand checks in proportion to risk.

Core invariants

  • Import server APIs from mcp-use, React APIs from mcp-use/react, and OAuth provider adapters from their mcp-use/oauth/* subpaths.
  • Define tool arguments with inputSchema. Add outputSchema for structured results and every View-bound tool.
  • Return raw MCP result envelopes. A successful schema-backed tool must include matching structuredContent; an expected failure may return isError: true with model-readable content.
  • Put each View at views/<name>/view.tsx and bind it with view: { name: "<name>" }.
  • Export every statically declared tool ref consumed by a View. Default-export the server entry used by mcp-use dev, build, and start.
  • Keep identity and mutable workflow state request-scoped or in an external store. Treat client-reported metadata as unverified.
  • Consider Skills over MCP when a server exposes a repeatable, multi-step workflow that would otherwise inflate tool descriptions.

Guardrails

  • Do not invent exports, configuration fields, or callback shapes. Confirm uncertain details in installed declarations or source.
  • Do not preserve APIs that are absent from the installed version merely because they appear in an existing project.
  • Do not return a plain domain object from a tool callback.
  • Do not bind a View without a matching outputSchema and structuredContent result.
  • Do not use module globals for cross-request identity, elicitation continuity, or durable business state.
  • Do not claim success from a source build alone when types, package exports, authentication, or interactive behavior changed.
  • Do not deploy or mutate external systems unless the user explicitly requests it.

mcp-useのその他のスキル

mcp-builder
mcp-use
mcp-useフレームワークと自動ウィジェット登録を使用して、本番環境対応のMCPサーバーを構築します。npx create-mcp-use-appでブートストラップし、3つのテンプレート(スターター(フル機能)、mcp-apps(ChatGPT最適化)、ブランク(最小限))から選択可能。Zodスキーマを使用してツール、リソース、プロンプトを定義し、自動バリデーションと明確なパラメータ説明を提供。resources/フォルダからReactウィジェットを自動的にMCPツールおよびリソースとして登録し、MCPアプリ向けのデュアルプロトコル対応...
chatgpt-app-builder
mcp-use
mcp-useとOpenAI Apps SDKを使って、インタラクティブなウィジェットを備えたChatGPTアプリを構築します。ChatGPTアプリの作成時や、ウィジェット付きのMCPサーバーの構築、定義などに使用します。
chatgpt-app-builder
mcp-use
非推奨:代わりにmcp-app-builderを使用してください。インタラクティブなウィジェットとゼロ設定のReact開発でChatGPTアプリを構築します。このスキルは非推奨です。継続的なサポートとアップデートのためにmcp-app-builderに移行してください。共有インタラクティブウィジェットを通じて人間のユーザーとLLM間の協調UIを実現します。サーバーハンドラー、Reactウィジェットスキャフォールディング、状態管理、ツール呼び出しとフォローアップメッセージ用の組み込みフックを提供します。表示モード(インライン、フルスクリーン、ピクチャーインピクチャー)、テーマ設定などをカバーします。
mcp-apps-builder
mcp-use
本番用MCPサーバーを構築するための必須リファレンスガイド。ツール、リソース、プロンプト、ウィジェットを網羅。基礎概念(Tool、Resource、Prompt、Widgetプリミティブ)、サーバーアーキテクチャ、認証パターン(OAuth、Supabase、カスタム)、デプロイ戦略を解説。ツール、リソース、プロンプト、レスポンスフォーマット、状態管理とテーマ設定を備えたウィジェットベースUIの実装に関する詳細ガイドを含む。よくあるアンチパターン(バリデーション不足、不適切なエラー...)を文書化。
openapi-to-mcp
mcp-use
OpenAPI / Swagger仕様からmcp-use TypeScript SDKを使用してMCPサーバーを構築・デプロイします。ユーザーが「このOpenAPIを変換したい」と言ったときにこのスキルを使用してください。