MCP Config Generator

Generador de Configuración MCP

Una herramienta web moderna para añadir servidores MCP de forma segura a tu configuración de Claude Desktop sin romper la estructura JSON.

🌟 Características

• Gestión segura de configuración - Carga tu configuración existente y añade nuevos servidores de forma segura
• Validación JSON - Evita romper tu configuración con validación automática
• Múltiples tipos de servidor - Soporta configuraciones de servidor basadas en comandos, HTTP y personalizadas
• Lista visual de servidores - Ve todos tus servidores actuales con opciones fáciles de eliminación
• Copiar y descargar - Exportación sencilla de tu configuración final
• Formato en tiempo real - Formato y validación JSON automáticos
• Diseño adaptable - Funciona en dispositivos de escritorio y móviles

🎯 Problema que resuelve

Cuando encuentras una nueva configuración de servidor MCP en línea y quieres añadirla a tu configuración existente de Claude Desktop, editar el JSON manualmente puede ser arriesgado: un error de sintaxis rompe toda la configuración. Esta herramienta elimina ese riesgo al:

• Validar primero tu configuración existente
• Fusionar de forma segura las nuevas configuraciones de servidor
• Garantizar que el resultado final sea JSON válido
• Proporcionar retroalimentación visual durante todo el proceso

🚀 Cómo usar

1. Carga tu configuración actual

• Abre la herramienta en tu navegador: mcp-conf-gen.pages.dev
• Pega el contenido de tu claude_desktop_config.json existente en la primera área de texto
• Haz clic en "Validar configuración" para asegurarte de que tenga el formato correcto
• O usa "Cargar ejemplo" para comenzar con una configuración de muestra

2. Añade nuevos servidores

• Encuentra una configuración de servidor en un sitio web (GitHub, documentación, publicaciones de blog, etc.)
• Copia el bloque JSON del servidor (solo la parte del servidor, no toda la configuración)
• Introduce un nombre único de servidor en el campo "Nombre del servidor"
• Pega la configuración JSON en el campo "Configuración JSON del servidor"
• Haz clic en "Añadir servidor": la herramienta valida y lo añade de forma segura

3. Gestiona tus servidores

• Ve todos los servidores actuales en la sección "Servidores actuales"
• Consulta los detalles del comando y la configuración de cada servidor
• Elimina servidores no deseados con el botón de borrar
• Los detalles del servidor se truncan para facilitar la lectura, pero muestran la información completa al pasar el cursor

4. Exporta tu configuración

• Ve la configuración completa en la sección "Configuración final"
• Copia al portapapeles con el botón "Copiar"
• Descarga como archivo con el botón "Descargar"
• Usa "Formato" para limpiar el formato JSON

📋 Flujo de trabajo de ejemplo

Tu configuración existente:

{
  "serverConfig": {
    "command": "/bin/sh",
    "args": ["-c"]
  },
  "mcpServers": {
    "desktop-commander": {
      "command": "npx",
      "args": ["@wonderwhy-er/desktop-commander@latest"]
    },
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp"]
    }
  }
}

Nueva configuración de servidor encontrada en línea:

"github": {
  "type": "http",
  "url": "https://api.githubcopilot.com/mcp/",
  "headers": {
    "Authorization": "Bearer ${input:github_mcp_pat}"
  }
}

Resultado después de añadirla de forma segura:

{
  "serverConfig": {
    "command": "/bin/sh",
    "args": ["-c"]
  },
  "mcpServers": {
    "desktop-commander": {
      "command": "npx",
      "args": ["@wonderwhy-er/desktop-commander@latest"]
    },
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp"]
    },
    "github": {
      "type": "http",
      "url": "https://api.githubcopilot.com/mcp/",
      "headers": {
        "Authorization": "Bearer ${input:github_mcp_pat}"
      }
    }
  }
}

📁 Configuración de Claude Desktop

1. Usa la herramienta para generar tu configuración
2. Copia o descarga la configuración final
3. Guárdala como claude_desktop_config.json en tu carpeta de configuración de Claude:
   • macOS: ~/Library/Application Support/Claude/
   • Windows: %APPDATA%/Claude/
   • Linux: ~/.config/claude/
4. Reinicia Claude Desktop para cargar la nueva configuración

🛠️ Tipos de servidor compatibles

Servidores basados en comandos

{
  "command": "npx",
  "args": ["@modelcontextprotocol/server-github"]
}

Servidores HTTP

{
  "type": "http",
  "url": "https://api.example.com/mcp/",
  "headers": {
    "Authorization": "Bearer ${input:api_key}"
  }
}

Configuraciones personalizadas

Se admite cualquier configuración de servidor MCP válida. La herramienta conserva todas las propiedades y estructuras.

🔧 Desarrollo

El proyecto utiliza HTML, CSS y JavaScript puros, sin dependencias ni proceso de compilación.

# Clone the repository
git clone https://github.com/maslybs/mcp-config-generator.git

# Open in browser
open index.html

Estructura del proyecto

• index.html - Aplicación completa en un solo archivo
• README.md - Esta documentación

🌐 Demo en vivo

Visita mcp-conf-gen.pages.dev para usar la herramienta en línea.

🤝 Contribuciones

¡Las contribuciones son bienvenidas! No dudes en enviar una solicitud de extracción.

📝 Licencia

Licencia MIT: consulta el código para más detalles.