MCP Manager for Claude Desktop

1<h1 align="center">MCP Manager for Claude Desktop</h1>
2 
3<p align="center">A simple web GUI to manage Model Context Protocol (MCP) servers for the Claude Desktop app on MacOS easily. Just follow the instructions and paste a few commands to give your Claude app instant superpowers. </p>
4 
5![MCP Manager for Claude Desktop](https://assets.zue.ai/mcp-manager-hero.png)
6 
7## What is MCP?
8 
9The Model Context Protocol (MCP) enables Claude to access private data, APIs, and other services to answer questions and perform actions on your behalf. Learn more about MCP at:
10 
11- [modelcontextprotocol.io](https://modelcontextprotocol.io)
12- [Anthropic's MCP Announcement](https://www.anthropic.com/news/model-context-protocol)
13 
14## Features
15 
16- 🚀 Easy-to-use interface for managing MCP servers
17- 🔒 Runs entirely client-side - your data never leaves your computer
18- ⚡️ Quick setup for popular MCP servers:
19  - Apple Notes - Access and search your Apple Notes
20  - AWS Knowledge Base - Access and query AWS Knowledge Base for information retrieval
21  - Brave Search - Search the web with Brave Search API
22  - Browserbase - Let Claude explore the web with Browserbase
23  - Cloudflare - Manage your Cloudflare workers and account resources
24  - Everart - Interface with Everart API for digital art and design tools
25  - Exa - Search the web with Exa
26  - Filesystem - Access and manage local filesystem
27  - GitHub - Access your GitHub repositories
28  - GitLab - Manage GitLab repositories and resources
29  - Google Drive - Access and search files in your Google Drive
30  - Google Maps - Access Google Maps API for location services
31  - Memory - Give Claude memory of previous conversations
32  - Obsidian - Read and search files in your Obsidian vault
33  - Perplexity - Search the web with Perplexity API
34  - PostgreSQL - Connect and interact with PostgreSQL databases
35  - Puppeteer - Automate browser interactions
36  - Sequential Thinking - Enable step-by-step reasoning
37  - Slack - Access your Slack workspace
38  - SQLite - Manage SQLite databases
39  - Todoist - Access and search your Todoist tasks
40  - YouTube Transcript - Access and search YouTube transcripts
41- 🛠 Simple configuration of environment variables and server settings
42- 📋 One-click copying of terminal commands for installation
43 
44## Tech Stack
45 
46- **Frontend Framework**: React 18 with TypeScript
47- **Build Tool**: Vite
48- **Styling**:
49  - TailwindCSS for utility-first CSS
50  - DaisyUI for component styling
51  - Tiempos Font to match the Anthropic Design Language
52- **Package Manager**: Bun
53- **Deployment**: Cloudflare Pages for <60s build times
54 
55## Project Structure
56 
57```plaintext
58src/
59├── components/ # React components
60│ ├── server-configs/ # Server-specific configuration components
61│ └── ...
62├── assets/ # Static assets and fonts
63├── App.tsx # Main application component
64├── server-configs.ts # MCP server configurations
65└── utils.ts # Utility functions
66```
67 
68## Development
69 
701. Install dependencies:
71 
72   ```bash
73   bun install
74   ```
75 
762. Start the dev server:
77 
78   ```bash
79   bun dev
80   ```
81 
823. Build for production:
83 
84   ```bash
85   bun run build
86   ```
87 
88## Contributing
89 
90Contributions are extremely welcome! Please open a PR with new MCP servers or any other improvements to the codebase.
91PS. I wasnt able to get fetch, time, and sentry working, if you can help me out, that would be great!
92 
93## Disclaimer
94 
95This project is not affiliated with Anthropic. All logos are trademarks of their respective owners.
96 
97## License
98 
99MIT
100 
101---
102<br/>
103<br/>
104<p align="center">
105<a href="https://zue.ai#gh-light-mode-only">
106  <img src="https://assets.zue.ai/logo_zue_purple.svg" alt="zue logo" width="200" height="auto" style="display: block; margin: 0 auto;" />
107</a>
108<a href="https://zue.ai#gh-dark-mode-only">
109  <img src="https://assets.zue.ai/logo_zue_yellow.svg" alt="zue logo" width="200" height="auto" style="display: block; margin: 0 auto;" />
110</a>
111</p>
112 
113<p align="center">
114<a href="https://zue.ai/talk-to-us">Contact us</a> for custom AI automation solutions and product development.
115</p>
116