Skip to content

πŸŽ›οΈ The visual command center for AI tool configuration. Stop wrestling with JSON - start managing MCP servers visually across Claude, VS Code, and more.

Notifications You must be signed in to change notification settings

sachajw/aiops-mcp-config-manager

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

MCP Configuration Manager

Stop Wrestling with JSON. Start Managing Visually.

The Visual Command Center for AI Tool Configuration

License: MIT Platform Release Version

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.


Why MCP Configuration Manager?

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 drift

After: 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

Perfect For

  • 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

Key Features

🎨 Visual Workspace (New)

  • 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

πŸ” Server Discovery (New)

  • 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

Visual Configuration Management

  • 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

Cross-Client Synchronization

  • 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

Error Prevention & Recovery

  • Automatic backups before any changes
  • Configuration validation prevents broken setups
  • External change detection monitors files for manual edits
  • Rollback capability to restore previous configurations

Scope Management

  • 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

Quick Start

Installation

Download for macOS:

Important: First Launch on macOS
The app is not yet notarized. On first launch:

  1. Right-click the app in Applications
  2. Select "Open" from the menu
  3. Click "Open" in the dialog

See Installation Guide for detailed instructions.

First Run

  1. Launch the app - It automatically detects your AI clients
  2. Select your client (Claude Desktop, VS Code, etc.)
  3. Add MCP servers using the visual interface
  4. Save and sync - Your AI tools are immediately updated

πŸ‘‰ Need help? Check out our 5-minute Quick Start Guide or the complete User Guide

Supported AI Clients

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

Documentation

πŸ“š Complete guides to get you started:

πŸ”— Online Documentation:

What Users Are Saying

"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

Advanced Features

🎯 Visual Workspace Interface

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

πŸ” MCP Server Discovery

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

Server Management

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

Monitoring & Analytics

  • 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

Recently Added (v0.1.6)

Critical Bug Fixes

  • βœ… 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

v0.1.5 Features

  • βœ… 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

Upcoming Features (Q1 2025)

  • 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

Community

Built With

  • 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

License

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.

About

πŸŽ›οΈ The visual command center for AI tool configuration. Stop wrestling with JSON - start managing MCP servers visually across Claude, VS Code, and more.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 85.4%
  • JavaScript 12.5%
  • Shell 1.5%
  • Other 0.6%