El Lingo.dev React MCP les da a los asistentes de código con IA las herramientas para configurar la internacionalización en tu codebase de React —rutas según el idioma, selector de idioma y detección de 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 extraer y conectar automáticamente las claves y la infraestructura de traducción.
No lo confundas con Lingo.dev MCP
Lingo.dev React MCP se centra en generar la estructura de i18n en codebases de React. El Lingo.dev MCP independiente sirve para trabajar con motores de localización (glosarios, voz de marca, evaluadores y configuraciones de modelo). Esta página trata sobre React MCP.
Cómo funciona#
El servidor Lingo.dev React MCP expone cuatro herramientas para el agente:
| Herramienta | Propósito |
|---|---|
i18n_checklist | Una guía de implementación paso a paso que coordina toda la configuración. El agente la usa en cada paso para saber qué hacer a continuación. |
get_project_context | Captura la arquitectura del proyecto —framework, router y estructura de directorios— para definir la estrategia de implementación. |
get_framework_docs | Obtiene la documentación oficial del framework detectado (Next.js, React Router, TanStack Start). |
get_i18n_library_docs | Obtiene documentación de librerías de i18n (por ejemplo, react-intl) que se usan durante la configuración del provider y los componentes. |
La herramienta i18n_checklist es la coordinadora. Lleva al agente por 13 pasos, desde el análisis del proyecto hasta el enrutamiento por idioma, la configuración de 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 según el idioma - URLs con el prefijo del idioma activo (
/en/about,/es/about) - Selector de idioma - Un componente de UI para cambiar entre los idiomas compatibles
- Detección de idioma - Detección automática del idioma preferido del usuario
- Infraestructura de traducción - Configuración del provider, 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 código con IA, dale este prompt:
Configura i18n
O especifica los idiomas desde el inicio:
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, usando las demás herramientas según sea necesario. 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 consistencia con su enfoque basado en listas de verificación, pero los resultados exactos pueden variar entre ejecuciones.
