Visuals MCP

Ce qu'il fait

Visuals MCP offre aux agents IA un ensemble d'outils pour afficher des données structurées dans des formats interactifs riches directement à l'intérieur de VS Code Copilot et VS Code Insiders. Au lieu de présenter les données en texte brut, les agents peuvent rendre des tableaux paginés avec tri et filtrage des colonnes, des galeries d'images avec métadonnées, des vues arborescentes hiérarchiques et des navigateurs maître-détail.

Fonctionnalités clés

• Tableaux interactifs — propulsés par TanStack Table v8 avec tri, filtrage par colonne, pagination (5/10/20/50/100 lignes) et basculement de visibilité des colonnes
• Aperçus d'images — vue galerie avec affichage des métadonnées pour les collections d'images
• Vues maître-détail — navigation dans les collections avec une liste à gauche et un panneau de détails à droite
• Vues arborescentes — affichage de données hiérarchiques (arborescences de fichiers, organigrammes, structures imbriquées)
• Listes glisser-déposer — listes réordonnables pour toute collection

Installation

VS Code Copilot : Installez directement depuis le marketplace VS Code ou ajoutez à votre configuration MCP :

{
  "mcpServers": {
    "visuals": {
      "command": "npx",
      "args": ["-y", "visuals-mcp"]
    }
  }
}

VS Code Insiders est également supporté.

Hôtes supportés

VS Code Copilot, VS Code Insiders