Visuals

About

visuals-mcp is an MCP (Model Context Protocol) server designed to enhance AI agent interactions by offering a suite of rich, interactive data visualization tools. It allows agents to display data in various formats, including dynamic tables with sorting and filtering, detailed image previews with metadata, comprehensive master-detail views for browsing collections, hierarchical tree structures for nested data, and customizable lists with drag-and-drop capabilities. This empowers AI agents to present complex information clearly and intuitively, improving user understanding and interaction within environments like VS Code.

Key Features

• 1 GitHub stars
• Interactive Tables with TanStack Table for sorting, filtering, pagination, and export
• Rich Image Previews displaying images with title, caption, metadata, and local file support
• Master-Detail Views for flexible collection browsing with integrated tables, images, or custom content
• Hierarchical Tree Views for interactive display of nested data with expand/collapse and node selection
• Customizable Lists with drag-and-drop reordering, checkboxes, image thumbnails, and export options

Use Cases

• Visualizing and interacting with AI agent outputs such as structured data in tables or image collections
• Browsing and managing collections of AI-generated content or agent-relevant datasets using master-detail views
• Exploring hierarchical data structures like file systems, org charts, or nested JSON/XML responses from AI models