MCP App TypeScript Template
Interface UIpar pomerium
Kit de démarrage prêt pour la production pour créer des applications MCP avec des widgets React et des serveurs Node.js.
Ce qu'il fait
Ce template fournit une architecture professionnelle pour construire des applications Model Context Protocol (MCP). Il rend des widgets React interactifs dans l'interface de chat, permettant une visualisation de données haute fidélité et une interaction utilisateur qui dépasse les simples réponses textuelles.
Fonctionnalités clés
- Widgets Interactifs : Construisez des composants d'interface riches avec React et Tailwind CSS v4.
- Modes d'Affichage Flexibles : Supporte les modes de rendu en ligne (inline), en image dans l'image (picture-in-picture) et en plein écran.
- Négociation de Capacités : Bascule automatiquement vers le mode texte seul pour les clients qui ne supportent pas les widgets UI.
- Mocking Intégré : Inclut
createMockApp()pour un développement rapide dans Storybook sans serveur actif.
Installation
- Claude Desktop : Utilisez le build du serveur et ajoutez-le à
claude_desktop_config.json. - ChatGPT : Ajoutez l'URL du serveur (via ngrok/Pomerium) dans Paramètres → Connecteurs.
Hôtes supportés
- claude
- chatgpt
- vscode-copilot
- cursor
- goose
Installation rapide
git clone https://github.com/pomerium/mcp-app-typescript-template && cd mcp-app-typescript-template && npm installInformations
- Tarification
- free
- Publié
- 8/5/2026
- étoiles
- 0
Catégories
Choisissez votre client IA et suivez les étapes ci-dessous.
ChatGPT
Add the remote server URL + /mcp to ChatGPT Connectors.Claude Desktop
Configure as a stdio server in claude_desktop_config.jsonApps similaires
FinanceToolkit
MCP ServerProfessional-grade financial analysis toolkit for equities, options, and risk management.
DiffSitter MCP
MCP ServerAI-powered structural code navigation using tree-sitter ASTs for semantic understanding across 14+ languages.
OpenAI Apps SDK Examples
MCP AppOfficial example gallery of interactive MCP widgets for ChatGPT — 3D viewers, maps, carousels, shopping carts, and more.
Human MCP
MCP ServerGive AI agents human-like senses: visual analysis, image/video generation, speech synthesis, browser automation, and advanced reasoning — 29 MCP tools in one se
Containarium
MCP ServerSelf-hostable agent runtime with SSH-native isolation, eBPF egress policy, and MCP-native CLI.
Shopify MCP Server
MCP ServerDirect interaction with Shopify store data via GraphQL API for managing products, customers, and orders.
Git MCP Server
MCP ServerFull-featured Git MCP server exposing 28 tools for AI agents to clone, commit, branch, diff, merge, rebase, and more via STDIO or Streamable HTTP.
CodexPotter
MCP ServerAutonomous reconciliation loop that drives Codex to align your codebase with instructed states.