mcp-studio

# 🧩 MCP Studio [](http://zybit.top/mcp-studio/) <p> <strong>Browse, install, and configure MCP servers for any AI client. One-click config generation.</strong> · <em>Browse, install, and configure MCP servers for any AI client. One-click config generation.</em> </p> > No more manually editing JSON config files. []() --- ## ✨ Features <details open> <summary><strong>Features</strong></summary> | Feature | Description | |------|------| | **🔍 Browse** | Search and filter **1,722** MCP servers by category, language, stars | | **⚡ One-click Install** | Click any server → configure env vars → get ready-to-use config | | **🤖 Multi-client** | Supports **Claude Desktop, Cursor, Windsurf, OpenClaw, Cline** | | **🔑 Env Vars** | GUI for setting environment variables, no manual editing | | **📋 Copy & Download** | Copy config to clipboard or download as JSON file | | **🌙 Dark Mode** | Toggle between light and dark themes | </details> --- ## 🎬 Demo  *Search servers, click Install, configure env vars, copy config. Done.* --- ## 🏃 Quick Start <details open> <summary><strong>Quick Start</strong></summary> ```bash git clone https://github.com/mianmian5/mcp-studio.git cd mcp-studio npm install npm run dev ``` Open [http://localhost:3000](http://localhost:3000) </details> --- ## 💡 Why MCP Studio? <details open> <summary><strong>Why MCP Studio?</strong></summary> MCP (Model Context Protocol) is becoming the standard for AI agents to interact with tools. But setting up MCP servers is a pain: - ❌ Manually editing JSON config files - ❌ Different formats for different AI clients - ❌ Forgetting to set environment variables - ❌ Hard to discover what's available **MCP Studio fixes all of that.** One UI to browse, install, and configure everything. </details> --- ## 🛠️ Tech Stack | Component | Technology | |-----------------|-----------------| | Framework | Next.js 16 + TypeScript | | Styling | Tailwind CSS v4 | | Data | 1,722 MCP servers (from GitHub) | --- ## 📜 License MIT