Visuals MCP

What it does

Visuals MCP gives AI agents a set of tools for displaying structured data in rich interactive formats directly inside VS Code Copilot and VS Code Insiders. Instead of dumping data as plain text, agents can render paginated tables with column sorting and filtering, image galleries with metadata, hierarchical tree views, and master-detail browsers.

Key features

• Interactive tables — powered by TanStack Table v8 with sorting, per-column filtering, pagination (5/10/20/50/100 rows), and column visibility toggle
• Image previews — gallery view with metadata display for image collections
• Master-detail views — browse collections with a list on the left and detail panel on the right
• Tree views — display hierarchical data (file trees, org charts, nested structures)
• Drag-and-drop lists — reorderable lists for any collection

Installation

VS Code Copilot: Install directly from VS Code marketplace or add to your MCP config:

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

VS Code Insiders is also supported.

Supported hosts

VS Code Copilot, VS Code Insiders