freemcplab / Verzeichnis / Playground / MCP Apps Protocol

● Offiziell modelcontextprotocol ⚡ Sofort

MCP Apps Protocol

Name: MCP Apps Protocol MCP Server
Author: modelcontextprotocol

von modelcontextprotocol · modelcontextprotocol/ext-apps

Die offizielle Erweiterung, die es MCP-Servern ermöglicht, interaktive UI-Fragmente auszuliefern — Claude bettet dein Formular/Chart/Picker direkt in die Konversation ein.

MCP Apps ist eine offiziell unterstützte Erweiterung des MCP, die es Servern erlaubt, interaktive UIs (Formulare, Charts, Picker) zu deklarieren, die der Chatbot-Host rendert. Dieses Repo enthält die Spezifikation, das Referenz-SDK und Beispiele.

▶ Demo ansehen 📦 Installieren 💡 Anwendungsfälle

Warum nutzen

Hauptfunktionen

Spezifikation für eingebettete UIs in MCP
Referenz-SDK (TypeScript)
Beispiel-Apps
Implementierungsanleitungen für Hosts
Gepflegt vom MCP-Team

Live-Demo

In der Praxis

bereit

Installieren

Wählen Sie Ihren Client

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "mcp-apps-protocol": {
      "_doc": "Reference SDK; integrate as a library inside your MCP server or chatbot host."
    }
  }
}

Öffne Claude Desktop → Settings → Developer → Edit Config. Nach dem Speichern neu starten.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "mcp-apps-protocol": {
      "_doc": "Reference SDK; integrate as a library inside your MCP server or chatbot host."
    }
  }
}

Cursor nutzt das gleiche mcpServers-Schema wie Claude Desktop. Projektkonfiguration schlägt die globale.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "mcp-apps-protocol": {
      "_doc": "Reference SDK; integrate as a library inside your MCP server or chatbot host."
    }
  }
}

Klicken Sie auf das MCP-Servers-Symbol in der Cline-Seitenleiste, dann "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-apps-protocol": {
      "_doc": "Reference SDK; integrate as a library inside your MCP server or chatbot host."
    }
  }
}

Gleiche Struktur wie Claude Desktop. Windsurf neu starten zum Übernehmen.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "mcp-apps-protocol",
      "args": []
    }
  ]
}

Continue nutzt ein Array von Serverobjekten statt einer Map.

~/.config/zed/settings.json

{
  "context_servers": {
    "mcp-apps-protocol": {
      "command": {
        "args": []
      }
    }
  }
}

In context_servers hinzufügen. Zed lädt beim Speichern neu.

claude mcp add mcp-apps-protocol -- undefined

Einzeiler. Prüfen mit claude mcp list. Entfernen mit claude mcp remove.

Anwendungsfälle

Praxisnahe Nutzung: MCP Apps Protocol

Eine formularbasierte Bestätigung zum MCP-Tool hinzufügen

👤 Entwickler ⏱ ~15 min intermediate

Wann einsetzen: Ein Tool hat destruktive Nebeneffekte; du möchtest vor der Ausführung eine Benutzerbestätigung.

Ablauf

Spezifikation lesen

Den Apps-Spezifikationsabschnitt überfliegen.✓ Kopiert

→ Mentales Modell
UI-Fragment hinzufügen

Eine App-Komponente aus deinem Tool-Handler zurückgeben.✓ Kopiert

→ Host rendert Formular
Submit verdrahten

Bei Submit wird das Tool mit bestätigten Argumenten erneut aufgerufen.✓ Kopiert

→ Sichereres destruktives Tool

Ergebnis: Deine MCP-Tools können strukturierte Bestätigungen anfordern.

Kombinationen

Mit anderen MCPs für 10-fache Wirkung

mcp-apps-protocol + fastmcp

fastmcp als MCP-Server verwenden; Apps für interaktive Elemente

Combine mcp-apps-protocol with fastmcp: Use fastmcp as your MCP server; Apps for interactive bits✓ Kopiert

Werkzeuge

Was dieses MCP bereitstellt

Werkzeug	Eingaben	Wann aufrufen	Kosten
protocol-spec	(see docs)	Keine aufrufbaren Tools — das ist eine Protokollerweiterung	1 call

Kosten & Limits

Was der Betrieb kostet

API-Kontingent: N/A
Tokens pro Aufruf: 0
Kosten in €: Kostenlos
Tipp: Apps klein halten — sie werden inline gerendert

Sicherheit

Rechte, Secrets, Reichweite

Credential-Speicherung: Keine

Datenabfluss: Keine

Fehlerbehebung

Häufige Fehler und Lösungen

Host rendert die App nicht

Bestätigen, dass der Host die Apps-Erweiterung unterstützt; sie ist opt-in

Alternativen

MCP Apps Protocol vs. andere

Alternative	Wann stattdessen	Kompromiss
Plain tool with prompt confirm	Host unterstützt Apps nicht	Keine strukturierte Eingabe

Mehr

Ressourcen

📖 Offizielle README auf GitHub lesen

🐙 Offene Issues ansehen

🔍 Alle 400+ MCP-Server und Skills durchsuchen