MCP-UI Demo

Ce qu'il fait

Cette application démontre la puissance de MCP-UI, un framework qui permet aux serveurs MCP de renvoyer des composants web interactifs et des interfaces utilisateur plein écran. Au lieu de recevoir simplement du texte, l'IA peut déclencher le rendu d'un tableau Kanban en direct, des graphiques de priorité et des tableaux de bord d'état des tâches directement dans l'interface du client.

Fonctionnalités clés

• Tableau Kanban Interactif : Une interface complète de gestion de tâches rendue comme une ressource UI.
• Visualisation de Données Dynamiques : Graphiques sectoriels en temps réel montrant la distribution des tâches et la répartition des priorités.
• Sortie Hybride : Combine des réponses d'outils textuelles standard avec des éléments UI riches.
• Intégration Next.js : Construit avec Next.js 15 et Tailwind CSS pour une expérience moderne et responsive.

Installation

• Claude Desktop : Utilisez mcp-remote pour vous connecter au serveur hébergé :

{
  "mcpServers": {
    "learn-mcpui": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "http://localhost:3000/mcp"]
    }
  }
}

• Cursor : Ajoutez l'URL http://localhost:3000/mcp à vos paramètres de serveur MCP.

Hôtes supportés

Support confirmé pour Cursor et Claude Desktop via transport HTTP.