mcp-builder

DÉPRÉCIÉ : Construisez des serveurs MCP avec des outils, des ressources, des invites et des widgets interactifs en utilisant mcp-use. Cette compétence est dépréciée ; utilisez mcp-app-builder à la place. Prend en charge la définition d'outils, de ressources, d'invites et de widgets React interactifs au sein d'un seul serveur MCP. Inclut des assistants de réponse pour formater les sorties en texte, markdown, HTML, images, objets et widgets personnalisés. Fournit la composition et le proxy de serveur pour agréger plusieurs serveurs MCP en une interface unifiée.

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.

Plus de skills de mcp-use

mcp-builder
mcp-use
Construisez des serveurs MCP prêts pour la production avec le framework mcp-use et l'enregistrement automatique de widgets. Initialisez avec npx create-mcp-use-app et choisissez parmi trois modèles : starter (complet), mcp-apps (optimisé pour ChatGPT) ou blank (minimal). Définissez des outils, ressources et invites à l'aide des schémas Zod avec validation automatique et descriptions claires des paramètres. Enregistrez automatiquement les widgets React du dossier resources/ en tant qu'outils et ressources MCP avec prise en charge double protocole pour les applications MCP et...
chatgpt-app-builder
mcp-use
Construisez des applications ChatGPT avec des widgets interactifs en utilisant mcp-use et le SDK OpenAI Apps. À utiliser lors de la création d'applications ChatGPT, de la construction de serveurs MCP avec des widgets, de la définition…
chatgpt-app-builder
mcp-use
DÉPRÉCIÉ : Utilisez mcp-app-builder à la place. Créez des applications ChatGPT avec des widgets interactifs et un développement React sans configuration. Cette compétence est dépréciée ; migrez vers mcp-app-builder pour un support et des mises à jour continus. Permet une interface utilisateur collaborative entre humains et LLM via des widgets interactifs partagés. Fournit des gestionnaires serveur, un échafaudage de widgets React, une gestion d'état et des hooks intégrés pour les appels d'outils et les messages de suivi. Couvre les modes d'affichage (en ligne, plein écran, incrustation), la thématisation,...
mcp-apps-builder
mcp-use
Guide de référence obligatoire pour la construction de serveurs MCP de production avec outils, ressources, invites et widgets. Couvre les concepts fondamentaux (primitives d'outil, de ressource, d'invite et de widget), l'architecture du serveur, les modèles d'authentification (OAuth, Supabase, personnalisés) et les stratégies de déploiement. Inclut des guides détaillés pour la mise en œuvre d'outils, de ressources, d'invites, de formatage des réponses et d'interfaces utilisateur basées sur des widgets avec gestion d'état et thèmes. Documente les anti-modèles courants (validation manquante, erreur de manipulation...).
openapi-to-mcp
mcp-use
Construire et déployer un serveur MCP à partir d'une spécification OpenAPI / Swagger en utilisant le SDK TypeScript mcp-use. Utilisez cette compétence chaque fois que l'utilisateur souhaite "transformer cette OpenAPI…