mcp-builder

oleh mcp-use

DIPERHATIKAN: Bangun server MCP dengan alat, sumber daya, perintah, dan widget interaktif menggunakan mcp-use. Skill ini sudah tidak digunakan lagi; gunakan mcp-app-builder sebagai gantinya. Mendukung pendefinisian alat, sumber daya, perintah, dan widget React interaktif dalam satu server MCP. Menyertakan pembantu respons untuk memformat keluaran sebagai teks, markdown, HTML, gambar, objek, dan widget kustom. Menyediakan komposisi server dan proksi untuk menggabungkan beberapa server MCP ke dalam antarmuka terpadu.

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.

Lebih banyak skill dari mcp-use

mcp-builder
mcp-use
Bangun server MCP yang siap produksi dengan framework mcp-use dan registrasi widget otomatis. Bootstrap dengan npx create-mcp-use-app dan pilih dari tiga templat: starter (fitur lengkap), mcp-apps (dioptimalkan untuk ChatGPT), atau blank (minimal). Definisikan alat, sumber daya, dan prompt menggunakan skema Zod dengan validasi otomatis dan deskripsi parameter yang jelas. Daftarkan widget React secara otomatis dari folder resources/ sebagai Alat dan Sumber Daya MCP dengan dukungan protokol ganda untuk Aplikasi MCP dan...
chatgpt-app-builder
mcp-use
Bangun aplikasi ChatGPT dengan widget interaktif menggunakan mcp-use dan OpenAI Apps SDK. Gunakan saat membuat aplikasi ChatGPT, membangun server MCP dengan widget, mendefinisikan…
chatgpt-app-builder
mcp-use
DEPRECATED: Gunakan mcp-app-builder sebagai gantinya. Bangun aplikasi ChatGPT dengan widget interaktif dan pengembangan React tanpa konfigurasi. Skill ini sudah tidak digunakan lagi; migrasikan ke mcp-app-builder untuk dukungan dan pembaruan berkelanjutan. Memungkinkan UI kolaboratif antara pengguna manusia dan LLM melalui widget interaktif bersama. Menyediakan penangan server, perancah widget React, manajemen status, dan hook bawaan untuk panggilan alat dan pesan lanjutan. Mencakup mode tampilan (inline, layar penuh, picture-in-picture), tema,...
mcp-apps-builder
mcp-use
Panduan referensi wajib untuk membangun server MCP produksi dengan alat, sumber daya, prompt, dan widget. Mencakup konsep dasar (primitif Tool, Resource, Prompt, Widget), arsitektur server, pola autentikasi (OAuth, Supabase, kustom), dan strategi deployment. Termasuk panduan detail untuk mengimplementasikan alat, sumber daya, prompt, pemformatan respons, dan UI berbasis widget dengan manajemen status dan tema. Mendokumentasikan anti-pola umum (validasi yang hilang, kesalahan yang tidak tepat...
openapi-to-mcp
mcp-use
Bangun dan sebarkan server MCP dari spesifikasi OpenAPI / Swagger menggunakan SDK TypeScript mcp-use. Gunakan keterampilan ini setiap kali pengguna ingin "mengubah OpenAPI ini…