MCP-UI Playground

Ce qu'il fait

Ce playground fournit un ensemble complet d'exemples interactifs pour créer et tester des composants d'interface utilisateur au sein des interfaces de chat IA. Il s'appuie sur le SDK MCP-UI pour aller au-delà du simple texte, permettant aux assistants IA de rendre des boutons interactifs, des formulaires, des graphiques et des tableaux de bord directement dans la fenêtre de chat.

Caractéristiques clés

• Bibliothèque de composants interactifs : comprend des exemples pré-intégrés pour les compteurs, les formulaires de contact et les listes de tâches.
• Visualisation de données : outils de graphisme intégrés pour le rendu de graphiques à barres et linéaires.
• Intégrations externes : capacité d'intégrer des tableaux de bord externes et des URL via text/uri-list.
• Prototypage rapide : inclut une démo minimale autonome et un serveur MCP TypeScript complet pour le développement.

Installation

• Claude Desktop : Ajoutez à claude_desktop_config.json :

{
  "mcpServers": {
    "mcp-ui-playground": {
      "command": "bun",
      "args": ["run", "/path/to/mcp_ui/server/src/index.ts"]
    }
  }
}

Hôtes supportés

• Claude Desktop