Remote MCP Sample
Interface UIpar tsutsumi389
Une implémentation de référence d'un serveur MCP distant avec une application d'interface interactive basée sur React.
Ce qu'il fait
Remote MCP Sample démontre l'intégration d'un serveur FastMCP basé sur Python avec une application MCP React. Il propose un compteur interactif et un graphique d'historique rendus à l'intérieur d'une iframe hôte, permettant une communication bidirectionnelle entre le LLM et une interface utilisateur personnalisée.
Caractéristiques clés
- Interface utilisateur interactive : Rend un compteur et un graphique de données en temps réel via la ressource
ui://counter. - Flux bidirectionnel : Les outils du LLM mettent à jour l'UI, et les boutons de l'UI déclenchent les outils du serveur.
- Transport distant : Implémente le protocole Streamable HTTP pour la connectivité aux serveurs distants.
- Intégration du thème : L'UI suit les préférences de thème de l'hôte pour une expérience fluide.
Installation
- Claude Desktop : Ajoutez
http://localhost:3001/mcpcomme serveur Streamable HTTP dans les paramètres. - Hôte basique : Utilisez l'exemple basic-host de
modelcontextprotocol/ext-appset pointez vers l'URL du serveur.
Hôtes supportés
- claude
Installation rapide
make devInformations
- Tarification
- free
- Publié
- 5/23/2026
- étoiles
- 0
Catégories
Choisissez votre client IA et suivez les étapes ci-dessous.
Claude Desktop
Add http://localhost:3001/mcp as a Streamable HTTP server.Apps 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
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.
Smart Coding MCP
MCP ServerSemantic code search for AI assistants using local embeddings — find code by meaning, not just keywords.