Application MCP Infographic

Ce qu'elle fait

L'application MCP Infographic transforme des invites en langage naturel en diagrammes interactifs au style dessin à la main qui s'affichent nativement dans Claude Desktop. Décrivez ce que vous voulez — un flux de processus, une chronologie, une mise en page de liste ou un schéma d'architecture — et l'application renvoie un visuel stylisé et dynamique basé sur AntV Infographic. L'interface utilisateur HTML interactive est transmise directement dans la fenêtre de chat sans interrompre la conversation.

Fonctionnalités clés

• Style visuel dessin à la main — Tous les diagrammes utilisent le rendu distinctif et esquissé d'AntV Infographic, rendant les résultats organiques et prêts pour une présentation
• Plusieurs types de diagrammes — Supporte les diagrammes de liste (zigzag, cartes compactes), les diagrammes de séquence, les chronologies et les visuels d'architecture en forme libre
• DSL basé sur le texte — Le LLM pilote la création de diagrammes via un DSL structuré mais lisible par l'humain ; aucune édition manuelle de JSON n'est requise
• Rendu inline des applications MCP — Le résultat est livré sous forme de ressource interactive MCP App HTML, s'affichant directement dans l'interface de chat de l'hôte
• Auto-hébergement — Déploiement Vercel en un clic disponible pour les équipes souhaitant une instance privée hébergée

Installation

Claude Desktop

Ajoutez ceci à ~/Library/Application Support/Claude/claude_desktop_config.json :

{
  "mcpServers": {
    "infographic": {
      "command": "node",
      "args": ["/chemin/vers/infographic-mcp-app/dist/index.js", "--stdio"]
    }
  }
}

Compilez d'abord à partir des sources :

git clone https://github.com/VancySavoki/infographic-mcp-app.git
cd infographic-mcp-app
npm install && npm run build

Ou déployez sur Vercel et connectez-vous via HTTP.

Hôtes supportés

Claude Desktop (principal). Tout client MCP supportant l'extension MCP Apps devrait fonctionner.