9 MCP para llevar a Codex y Claude Code más allá del código

Codex y Claude Code pueden escribir código por sí solos. Un servidor MCP les permite consultar documentación, controlar un navegador, trabajar con un repositorio, leer un diseño o ejecutar una automatización sin que tengas que copiar toda esa información manualmente al chat.

MCP significa Model Context Protocol. Piensa en él como un conector estándar entre tu agente y una herramienta externa.

Antes de instalar

• Instala únicamente servidores que realmente vayas a usar.
• Revisa los permisos antes de conectar GitHub, AWS, Figma, n8n u otra cuenta.
• Empieza con acceso de lectura cuando sea suficiente.
• Nunca pegues claves o tokens directamente en un repositorio.
• Prueba primero sobre una copia, un entorno de desarrollo o datos no sensibles.

Cómo añadir un MCP en Codex. Codex permite añadir servidores locales por terminal:

codex mcp add NOMBRE -- COMANDO DEL SERVIDOR

Para un servidor remoto:

codex mcp add NOMBRE --url URL_DEL_SERVIDOR

Después puedes comprobarlos con:

codex mcp list

También puedes añadirlos desde Settings > MCP servers. Consulta la documentación oficial de MCP en Codex.

Cómo añadir un MCP en Claude Code. La forma habitual es:

claude mcp add NOMBRE -- COMANDO DEL_SERVIDOR

La configuración exacta cambia si el servidor es local, remoto o usa autenticación. Usa siempre las instrucciones del repositorio oficial enlazado en cada sección.

1. Context7: documentación actualizada

Para qué sirve. Busca documentación y ejemplos correspondientes a la librería y versión que estás usando. Reduce las respuestas basadas en APIs antiguas o métodos que ya cambiaron.

Ejemplo real. En el FMS, antes de construir el inicio de sesión, el agente consulta la documentación vigente de Next.js y Supabase Auth. Así puede preparar el flujo y las políticas RLS con los métodos correctos.

Instalación rápida en Codex:

codex mcp add context7 -- npx -y @upstash/context7-mcp

También puedes ejecutar el asistente oficial:

npx ctx7 setup

Enlace oficial: Context7 de Upstash.

2. Chrome DevTools MCP: depurar una web real

Para qué sirve. Permite que el agente controle e inspeccione Chrome. Puede revisar la consola, las solicitudes de red, el DOM y el rendimiento mientras reproduce un error.

Ejemplo real. El botón Aprobar compra no responde. Codex abre la página, repite el clic, revisa Network y descubre que el backend devolvió un 403 por falta de autorización.

Instalación rápida. Requiere Node.js, npm y una versión estable reciente de Google Chrome.

codex mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest

En Claude Code puedes usar el mismo comando del servidor después de claude mcp add chrome-devtools --.

Enlace oficial: Chrome DevTools MCP.

3. Playwright MCP: probar recorridos completos

Para qué sirve. Convierte acciones del usuario en pruebas reproducibles. El agente puede navegar, completar formularios, subir archivos y verificar qué aparece después de cada paso.

Ejemplo real. Inicia sesión como franquiciado, carga las fotografías de una auditoría y comprueba que el puntaje y el estado cambien. Si algo falla, identifica el paso exacto.

Instalación rápida. Playwright recomienda Node.js 20 o posterior.

codex mcp add playwright -- npx @playwright/mcp@latest

claude mcp add playwright -- npx @playwright/mcp@latest

Enlace oficial: Playwright MCP.

4. GitHub MCP: trabajar con repositorios, issues y PR

Para qué sirve. Conecta el agente con el contexto real del repositorio. Puede leer archivos, investigar issues, analizar cambios, revisar ejecuciones de GitHub Actions y preparar pull requests.

Ejemplo real. Abre el issue sobre mensajes duplicados, localiza la lógica que provoca la duplicación, propone el cambio y prepara un PR con una prueba que evita la regresión.

Instalación recomendada. GitHub ofrece un servidor remoto oficial en https://api.githubcopilot.com/mcp/. En Codex puedes añadirlo y luego autenticarte:

codex mcp add github --url https://api.githubcopilot.com/mcp/
codex mcp login github

Concede únicamente los permisos que el flujo necesite. Para acciones sensibles, conserva la aprobación manual.

Enlace oficial: GitHub MCP Server.

5. n8n-MCP: construir y validar automatizaciones

Para qué sirve. Da al agente información estructurada sobre nodos, propiedades y operaciones de n8n. Si lo conectas a tu instancia, también puede ayudar a construir y validar workflows.

Ejemplo real. Un lead llega desde Instagram, se crea en Pipedrive, recibe un WhatsApp, se asigna a un vendedor y genera una alerta si pasan 60 minutos sin respuesta.

Cómo empezar. La opción más sencilla es crear una cuenta en el servicio alojado y conectar la clave a tu cliente MCP. El proyecto también ofrece instalación local con npx y Docker. Antes de modificar producción:

1. Duplica el workflow.
2. Haz la prueba en desarrollo.
3. Exporta una copia de seguridad.
4. Valida los cambios antes de activarlos.

Enlace del proyecto: n8n-MCP.

6. Framelink para Figma: diseño con medidas reales

Para qué sirve. Entrega al agente la estructura del archivo de Figma: componentes, medidas, tipografías, colores y espaciado. Evita que intente reconstruir el diseño únicamente a partir de una captura.

Ejemplo real. El agente lee el frame Dashboard de royalties y construye la interfaz en Next.js y Tailwind manteniendo la jerarquía, los espacios y los componentes del diseño.

Instalación rápida. Necesitas un token de acceso de Figma.

codex mcp add framelink -- npx -y figma-developer-mcp --figma-api-key=TU_TOKEN --stdio

No publiques el token ni lo guardes dentro del repositorio.

Enlace del proyecto: Framelink MCP para Figma.

7. AWS MCP: contexto especializado para infraestructura

Para qué sirve. AWS mantiene varios servidores MCP especializados. Puedes conectar documentación, APIs, infraestructura como código, precios y servicios concretos en lugar de dar al agente un acceso general innecesario.

Ejemplo real. Una función Lambda falla. El agente consulta CloudWatch e IAM, encuentra el permiso que falta y propone una política mínima para corregir el problema.

Instalación inicial. Instala uv y configura tus credenciales de AWS con permisos limitados. Para empezar solo con documentación:

claude mcp add aws-docs uvx awslabs.aws-documentation-mcp-server@latest

codex mcp add aws-docs -- uvx awslabs.aws-documentation-mcp-server@latest

Enlace oficial: MCP Servers for AWS.

8. Firecrawl MCP: convertir la web en datos legibles

Para qué sirve. Extrae contenido de páginas web y lo devuelve de forma limpia y estructurada. Puede trabajar con sitios que usan JavaScript y eliminar elementos que no aportan al análisis.

Ejemplo real. Recorre 50 páginas de llantas y devuelve marca, medida, precio y disponibilidad en una estructura que luego puede compararse o enviarse a una hoja de cálculo.

Instalación rápida. Necesitas una clave de Firecrawl.

codex mcp add firecrawl --env FIRECRAWL_API_KEY=TU_CLAVE -- npx -y firecrawl-mcp

En Claude Code usa el mismo servidor y configura FIRECRAWL_API_KEY como variable de entorno.

Enlace oficial: Firecrawl MCP Server.

9. Apify MCP: usar scrapers y automatizaciones existentes

Para qué sirve. Permite buscar y ejecutar Actors de Apify: automatizaciones preparadas para obtener datos públicos de sitios, mapas, buscadores, redes y comercios.

Ejemplo real. Busca talleres de llantas en Monterrey, obtiene web, teléfono y reseñas públicas, y prepara los registros para cargarlos al CRM.

Instalación recomendada. Apify ofrece un servidor remoto con OAuth en https://mcp.apify.com. En Codex:

codex mcp add apify --url https://mcp.apify.com
codex mcp login apify

También puedes usar el instalador de Apify para Codex o Claude Code:

apify mcp install codex
apify mcp install claude-code

Enlace oficial: Documentación de Apify MCP.

¿Cuáles instalar primero?

Para la mayoría de proyectos, empezaría así:

1. Context7. para trabajar con documentación correcta.
2. Playwright. para probar el recorrido principal del usuario.
3. GitHub MCP. para conectar el trabajo con issues y pull requests.

Después añade solo lo que responda a una necesidad concreta:

• Chrome DevTools, si estás depurando errores del navegador o rendimiento.
• n8n-MCP, si construyes automatizaciones.
• Figma o Framelink, si desarrollas interfaces desde diseños.
• AWS MCP, si tu infraestructura vive en AWS.
• Firecrawl, si necesitas leer sitios web de forma estructurada.
• Apify, si necesitas recolectar datos públicos con Actors ya construidos.

Prompt para comprobar que quedó bien instalado

Revisa qué servidores MCP tienes disponibles. Dime cuáles están activos, qué herramientas ofrece cada uno y propón una prueba pequeña que no modifique datos ni archivos.

Regla final

Guía basada en la documentación oficial y los repositorios enlazados. Las instrucciones pueden cambiar; revisa el enlace correspondiente antes de instalar. Actualizada el 21 de septiembre de 2026.