Stop Wrestling with JSON. Start Managing Visually.
The Visual Command Center for AI Tool Configuration
Download β’ Quick Start β’ Documentation β’ Community
Production Release (v0.1.8)
This application is production-ready with all critical bugs fixed. Automatic backups are created for all configuration changes.
What's New in v0.1.8:
- Visual Workspace save/load fully functional
- Performance optimizations (<200ms client switching)
- System stability improvements
- Auto-save with 30-second debounce
- Canvas state persistence across restarts
Please report any bugs or issues you encounter.
Before: Manual JSON editing, syntax errors, scattered configs across multiple AI tools
β Fighting with claude_desktop_config.json
β Debugging broken MCP server paths
β Managing configs for Claude, VS Code, Cursor separately
β Lost hours troubleshooting configuration driftAfter: Visual management, error prevention, unified control
β
Point-and-click server management
β
Built-in validation prevents JSON errors
β
Sync configurations across all AI clients
β
Real-time monitoring and automatic backups
- AI Power Users managing multiple AI tools and MCP servers
- Development Teams needing consistent MCP setups across members
- AI Consultants managing configurations for multiple clients
- Anyone tired of manually editing JSON configuration files
- Interactive canvas for visualizing MCP server connections
- Drag-and-drop servers from library to connect with AI clients
- Real-time connection status with animated cable connections
- Visual insights panel showing server metrics and usage
- Browse MCP marketplace with 100+ community servers
- One-click installation for popular MCP servers
- Server details including documentation and configuration guides
- Filter by category to find servers for your use case
- Form-based editing eliminates JSON syntax errors
- Drag-and-drop interface for server organization
- Real-time validation catches issues before they break your setup
- Monaco editor for advanced JSON editing with syntax highlighting
- Unified management for Claude Desktop, VS Code, Cursor, Kiro, Windsurf, and more
- Bulk operations apply changes across multiple clients instantly
- Configuration templates for quick project setup
- Auto-detection of installed AI clients
- Automatic backups before any changes
- Configuration validation prevents broken setups
- External change detection monitors files for manual edits
- Rollback capability to restore previous configurations
- Global configurations for system-wide MCP servers
- Project-specific setups for team collaboration
- User-level customization for personal preferences
- Hierarchical scope resolution for flexible configuration inheritance
Download for macOS:
Important: First Launch on macOS
The app is not yet notarized. On first launch:
- Right-click the app in Applications
- Select "Open" from the menu
- Click "Open" in the dialog
See Installation Guide for detailed instructions.
- Launch the app - It automatically detects your AI clients
- Select your client (Claude Desktop, VS Code, etc.)
- Add MCP servers using the visual interface
- Save and sync - Your AI tools are immediately updated
π Need help? Check out our 5-minute Quick Start Guide or the complete User Guide
| Client | Status | Configuration Scope |
|---|---|---|
| Claude Desktop | Full Support | User, Global |
| Claude Code | Full Support | User, Project |
| VS Code | Full Support | User, Workspace |
| Cursor | Full Support | User, Workspace |
| Codex | Full Support | User, Project |
| Kiro | Full Support (v0.1.4) | User, Project |
| Windsurf | Full Support (v0.1.4) | User, Project |
| Gemini Desktop | Full Support | User |
| Gemini CLI | Full Support | User, Project |
| Custom Clients | Full Support | User-defined |
| Gemini Desktop | Full Support | User, Global |
| Gemini CLI | Full Support | User, Global |
π Complete guides to get you started:
- π User Guide - Complete step-by-step documentation
- π Quick Start Guide - Get running in 5 minutes
- β¨ Features Overview - Visual tour of all features
- πΎ Installation Guide - macOS setup instructions
π Online Documentation:
"Finally! No more JSON syntax errors breaking my AI workflow. This tool saved me hours every week."
β Sarah Chen, AI Research Engineer
"Game changer for our team. Everyone has the same MCP setup now, zero configuration drift."
β Marcus Rodriguez, DevOps Lead
"The visual interface makes MCP server management actually enjoyable. Who knew configuration could be this smooth?"
β Dr. Alex Kim, AI Consultant
The Visual Workspace provides an intuitive canvas for managing MCP configurations:
- Interactive node-based interface using React Flow
- Working server library with 100+ available MCP servers
- Drag servers from library and drop onto canvas for configuration
- Visual connections show server-to-client relationships
- Live server metrics displaying real token usage and tool counts
- Real-time connection status with separate client/server indicators
- Client dock with accurate server counts per client
- Performance insights panel with actual metrics from MCP connections
- Configuration path editor accessible via gear icon on client cards
Explore and install servers from multiple sources:
- MCP Registry - Official catalog with 100+ verified servers
- GitHub search - Find servers directly from GitHub repositories
- NPM packages - Browse MCP servers published to npm
- Categories: AI Tools, Development, Productivity, Data, and more
- One-click configuration with automatic dependency installation
- Server ratings and community reviews
Enhanced server configuration capabilities:
- Server Library panel with categorized server list
- Quick actions for enable/disable/configure
- Environment variable templates for common configurations
- Command builder with syntax validation
- Bulk operations across multiple servers and clients
- Real-time server status with native MCP protocol monitoring
- Live performance metrics with accurate token counts and response times
- Active connection tracking with health checks and auto-reconnect
- Configuration change history with rollback capability
- Server resource monitoring for tools, prompts, and resources
- Client-specific metrics showing actual configured server counts
- β Fixed Server Library Display - Catalog servers now load properly
- β Real Metrics Display - Performance insights show actual server data
- β Accurate Server Counts - Client cards display real configuration counts
- β Token Display Fixed - Shows actual numbers instead of percentages
- β Client Path Configuration - New dialog for managing config file locations
- β Connection Status Clarity - Separate indicators for client/server status
- β Native MCP Protocol - Real server connections with live communication
- β Live Server Metrics - Actual tool counts, response times, and connection status
- β Connection Monitoring - Real-time health checks and automatic reconnection
- β Visual Workspace - Interactive canvas for server management
- β Server Discovery - Browse and install from 100+ MCP servers
- β Kiro & Windsurf Support - Latest AI client integrations
- Cloud Sync - Backup and sync across devices
- Team Collaboration - Share configurations with your team
- AI-Powered Suggestions - Smart server recommendations
- Advanced Analytics Dashboard - Detailed usage insights
- API for CI/CD Integration - Automate configuration deployment
- Issues: Report bugs or request features
- Electron + React for native desktop experience
- TypeScript for type safety and developer experience
- Tailwind CSS for modern, responsive UI
- Zustand for state management
- Monaco Editor for advanced JSON editing
- React Flow for visual workspace canvas
- Native MCP Protocol for real server communication
- JSON-RPC for protocol messaging
MIT License - see LICENSE file for details.
Made with β€οΈ for the AI development community
Star this repo if it helps you manage your AI tools better!
Transform your AI workflow from configuration chaos to organized control.