El Lingo.dev React MCP ofrece a los asistentes de programación con IA las herramientas necesarias para configurar la internacionalización en tu base de código React —rutas adaptadas al idioma, selector de idioma y detección del idioma— a partir de un solo prompt. Inspirado en Sequential Thinking MCP, divide la configuración de i18n en una lista guiada que el agente sigue paso a paso, para que las claves y la infraestructura de traducción se extraigan y se conecten automáticamente.
No lo confundas con Lingo.dev MCP
El Lingo.dev React MCP está centrado en preparar la estructura de i18n en bases de código React. El Lingo.dev MCP independiente sirve para trabajar con motores de localización (glosarios, voces de marca, scorers y configuraciones de modelos). Esta página trata sobre React MCP.
Cómo funciona#
El servidor Lingo.dev React MCP pone cuatro herramientas a disposición del agente:
| Herramienta | Propósito |
|---|---|
i18n_checklist | Una guía de implementación paso a paso que coordina toda la configuración. El agente la invoca en cada paso para saber qué hacer después. |
get_project_context | Captura la arquitectura del proyecto —framework, router y estructura de directorios— para orientar la estrategia de implementación. |
get_framework_docs | Recupera la documentación oficial del framework detectado (Next.js, React Router, TanStack Start). |
get_i18n_library_docs | Recupera documentación sobre bibliotecas de i18n (por ejemplo, react-intl) que se utilizan durante la configuración del proveedor y los componentes. |
La herramienta i18n_checklist actúa como coordinadora. Guía al agente a lo largo de 13 pasos: desde el análisis del proyecto hasta el enrutado por idioma, la configuración de las traducciones, el selector de idioma y la validación de la compilación.
Qué se implementa#
Una configuración típica guiada por Lingo.dev React MCP da como resultado:
- Rutas adaptadas al idioma - URL con el prefijo del idioma activo (
/en/about,/es/about) - Selector de idioma - Un componente de interfaz para cambiar entre los idiomas compatibles
- Detección del idioma - Detección automática del idioma preferido del usuario
- Infraestructura de traducción - Configuración del proveedor, archivos de traducción y funciones auxiliares con claves extraídas de tus componentes
Frameworks compatibles#
| Framework | Versiones |
|---|---|
| Next.js App Router | v13-16 |
| Next.js Pages Router | v13-16 |
| TanStack Start | v1 |
| React Router | v7 |
Uso#
Una vez que Lingo.dev React MCP esté conectado a tu asistente de programación con IA, pídele:
Configura i18n
O indica los idiomas desde el principio:
Configura i18n con los siguientes idiomas: en, es y pt-BR. El idioma predeterminado es "en".
El agente invoca i18n_checklist para empezar y luego sigue los pasos guiados, recurriendo a las demás herramientas cuando hace falta. El resultado es una configuración de i18n funcional adaptada a tu framework y a la estructura de tu proyecto.
La programación asistida por IA es inherentemente no determinista. Lingo.dev React MCP mejora la coherencia gracias a su enfoque basado en listas de verificación, pero los resultados exactos pueden variar de una ejecución a otra.
