MCP Config Builder

Visually build MCP server configurations for Claude Code — add servers, set commands, and export as JSON

MCP Config Builder — Visually Construct Model Context Protocol Server Configurations for Claude Code with Presets, Validation, and JSON Export

  1. Add one or more MCP servers to your configuration by clicking Add Server. For each server, provide a unique server name (used as the configuration key), select the transport type — stdio for local command-line tools (the MCP server process is spawned as a child process by Claude Code) or SSE (Server-Sent Events) for connecting to remote MCP servers over HTTP. For stdio transport, specify the command (e.g., npx, node, python, or a direct binary path) and any arguments the command needs. For SSE transport, provide the server URL (e.g., http://localhost:3000/sse). Optionally add environment variables and custom headers for each server.
  2. Use the Presets feature to quickly scaffold common MCP server configurations — select from popular community servers like filesystem, GitHub, PostgreSQL, Brave Search, Puppeteer, and more. Each preset comes pre-configured with the correct command, arguments, and common environment variables. After applying a preset, you can customize any field — change the server name, add extra arguments, or configure environment-specific variables. For fully custom servers, build from scratch — the form validates each field in real-time and highlights missing or invalid entries so you can fix issues before exporting.
  3. Review the live JSON Preview panel showing your complete MCP configuration in real-time. The output follows the standard Claude Code .mcp.json format — an object where each key is a server name and each value contains the transport configuration. Click Copy JSON to grab the configuration to your clipboard, or Download to save as .mcp.json for placement in your project root directory. Claude Code automatically discovers this file and connects to the configured MCP servers, giving the AI assistant access to external tools, APIs, databases, and services defined in your configuration.

Enable JavaScript to use these tools.