MCP Apps Example Gallery (fable candidate)

Six official Model Context Protocol MCP Apps examples, hosted as remote Streamable HTTP MCP servers you can try by URL — no cloning, no npx, no tunnel. Each example has a stable endpoint, a gallery card with a screenshot and sample prompt, and a Copy MCP URL action.

Independence notice. This gallery is an independent hosted adaptation of the official examples, pinned at upstream commit 10195ad9. It is not an official Model Context Protocol service and is not hosted or endorsed by the Model Context Protocol project. It is a demonstration service: no accounts, no stored user data, and no SLA.

Die Apps

Nicht-MCP-Routen: / (Galerieseite), /apps.json (maschinenlesbares Manifest), /healthz, /readyz, /version.

Related MCP server: MCP Reference Server

Produktionsendpunkte

Die Produktionsgalerie wird unter https://openwork-mcp-app-gallery-fable.vercel.app bereitgestellt (verifiziert gegen den exakt bereitgestellten Commit; Nachweise in BENCHMARK_REPORT.md und TIMELINE.md):

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/get-time/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/budget-allocator/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/cohort-heatmap/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/customer-segmentation/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/scenario-modeler/mcp

• https://openwork-mcp-app-gallery-fable.vercel.app/apps/transcript/mcp

Probieren Sie ein Beispiel in unter fünf Minuten aus

1. Öffnen Sie die Galerieseite und drücken Sie Copy MCP URL auf einer Karte (oder kopieren Sie einen Endpunkt oben).

2. Fügen Sie die URL als entfernten MCP-Server in einem MCP-Apps-kompatiblen Host hinzu. In OpenWork fügen Sie sie als benutzerkonfigurierten MCP-Server hinzu; andere Hosts haben einen entsprechenden „add remote MCP server“-Ablauf.

3. Senden Sie den Beispiel-Prompt der Karte (z. B. für budget-allocator: „Erstellen Sie ein Budget von 1 Million US-Dollar für die Seed-Phase, das ich interaktiv anpassen kann.“).

4. Interagieren Sie mit der App-Benutzeroberfläche, die innerhalb der Konversation gerendert wird.

Hosts ohne MCP-Apps-Unterstützung funktionieren trotzdem: Jedes Tool gibt als Fallback einen gewöhnlichen Text und/oder ein strukturiertes Ergebnis zurück, sodass ein einfacher MCP-Client ohne Benutzeroberfläche nützliche Ausgaben erhält.

Protokollunterstützung: Die aktuelle Protokollrevision 2026-07-28 (Pro-Anfrage-Envelope) und der zustandslose Streamable-HTTP-Ablauf aus der 2025-Ära (initialize → tools/* / resources/*) werden auf jedem Endpunkt bereitgestellt. GET ohne Sitzung und DELETE geben 405 zurück – die Bereitstellung ist zustandslos und es gibt keine serverseitige Sitzung, die beendet werden müsste.

Lokal ausführen

Erfordert Node.js 24.x und pnpm 10.28.0 (über corepack):

corepack enable
pnpm install --frozen-lockfile
pnpm dev

Dies baut die sechs App-Benutzeroberflächen in das unveränderliche Ressourcenbündel ein, generiert die Galerieseite und stellt alles unter http://localhost:3000 bereit.

Reproduzieren Sie das vollständige Release-Gate (Formatierung, Lint, strenge Typprüfung, Herkunfts-/Hinweisprüfung, Quellgrenzen-Scan, Abhängigkeitsaudit, 95-Test-Einheiten-/Gateway-/Vertragsmatrix über beide Protokoll-Ären, den Produktions-Vercel-Build, die Architekturinvariante, SBOM-Generierung und 15 Browser-Tests durch den Upstream-Basic-Host):

pnpm exec playwright install chromium
pnpm release:check

Quellenangabe und Herkunft

• Der Upstream-Beispielquellcode wird unter dem exakt festgelegten Commit unter upstream/ext-apps/ kopiert, mit Datei-Digests und jeder lokalen Änderung dokumentiert in upstream/manifest.json und verifiziert durch pnpm verify:notices.

• Lokale Änderungen beschränken sich auf: Importanpassung von MCP SDK v1 + @modelcontextprotocol/ext-apps/server an den SDK-v2-Adapter der Galerie (src/mcp-app-adapter.ts), Lesen des UI-HTML aus dem gebündelten unveränderlichen Speicher anstelle des lokalen Dateisystems und einen deterministischen, gesetzten Datensatz für customer-segmentation (zustandslose serverlose Instanzen müssen identische Daten bereitstellen).

• Galerie-eigener Code ist Apache-2.0 (LICENSE); kopierter Upstream-Code behält seine eigenen Hinweise (THIRD_PARTY_NOTICES.md).

• pnpm check:upstream meldet Upstream-Abweichungen schreibgeschützt; Upstream wird weder zur Build- noch zur Laufzeit abgerufen.

Datenverhalten, Protokollierung und Grenzen

• Keine Konten, keine Cookies, keine Datenbank, keine Uploads, kein gespeicherter Benutzerzustand. Alle App-Daten sind synthetisch oder anfragebegrenzt; die Spracherkennung der transcript-App läuft in Ihrem Browser (der Host fragt nach Mikrofonberechtigung) und kein Audio oder Transkript erreicht jemals den Galerieserver.

• Kein beabsichtigter serverseitiger Netzwerkausgang in irgendeiner Wave-1-App; CI scannt die Laufzeitquelle auf Netzwerk-, Unterprozess- und Dateisystem-Schreibprimitive.

• Protokolle enthalten nur anonyme aggregierte Metadaten: App-Slug, JSON-RPC-Methodenkategorie, Status, Dauer und Byte-Anzahl – niemals Tool-Argumente, Ergebnisse, Prompts, Ressourceninhalte, Header, Cookies oder IP-Adressen.

• Grenzen: 256 KiB Anforderungskörper; 512 KiB Tool-Ergebnisse; 1 MiB gebündelte UI-Ressourcen; eine 15-Sekunden-Anwendungsfrist (30-Sekunden-Plattformmaximum); Parallelitätsbegrenzungen pro Instanz mit 429 + Retry-After-Abweisung; Plattform-Ratenbegrenzung auf /apps/*/mcp.

• Apps können einzeln deaktiviert werden (fail-closed DISABLED_APP_SLUGS-Überschreibung); deaktivierte Apps bleiben als enabled: false in /apps.json sichtbar.

Keine SLA

Dies ist eine gehostete Lern- und Demonstrationsoberfläche, die auf der Infrastruktur des Anbieters ohne Verfügbarkeitsgarantie betrieben wird. Endpunkte können jederzeit ratenbegrenzt, deaktiviert oder entfernt werden.