O Lingo.dev React MCP dá aos assistentes de programação com IA as ferramentas para configurar a internacionalização no seu codebase React — rotas com idioma, seletor de idioma e detecção de idioma — a partir de um único prompt. Inspirado no Sequential Thinking MCP, ele transforma a configuração de i18n em um checklist guiado que o agente segue passo a passo, para que as chaves e a infraestrutura de tradução sejam extraídas e integradas automaticamente.
Não confunda com o Lingo.dev MCP
O Lingo.dev React MCP é focado em estruturar i18n em codebases React. Já o Lingo.dev MCP é voltado ao trabalho com engines de localização (glossários, voz da marca, scorers e configurações de modelo). Esta página é sobre o React MCP.
Como funciona#
O servidor Lingo.dev React MCP disponibiliza quatro ferramentas para o agente:
| Ferramenta | Finalidade |
|---|---|
i18n_checklist | Um guia de implementação passo a passo que coordena toda a configuração. O agente o chama em cada etapa para saber o que fazer em seguida. |
get_project_context | Mapeia a arquitetura do projeto — framework, roteador e estrutura de diretórios — para orientar a estratégia de implementação. |
get_framework_docs | Busca a documentação oficial do framework detectado (Next.js, React Router, TanStack Start). |
get_i18n_library_docs | Busca a documentação de bibliotecas de i18n (como react-intl) usadas na configuração de providers e componentes. |
A ferramenta i18n_checklist é a coordenadora. Ela guia o agente por 13 etapas — da análise do projeto ao roteamento por idioma, configuração de traduções, seletor de idioma e validação do build.
O que é implementado#
Uma configuração típica guiada pelo Lingo.dev React MCP gera:
- Rotas com idioma - URLs com prefixo do idioma ativo (
/en/about,/es/about) - Seletor de idioma - Um componente de UI para alternar entre os idiomas compatíveis
- Detecção de idioma - Detecção automática do idioma preferido do usuário
- Infraestrutura de tradução - Configuração de provider, arquivos de tradução e funções auxiliares com chaves extraídas dos seus componentes
Frameworks compatíveis#
| Framework | Versões |
|---|---|
| Next.js App Router | v13-16 |
| Next.js Pages Router | v13-16 |
| TanStack Start | v1 |
| React Router | v7 |
Consumo#
Depois de conectar o Lingo.dev React MCP ao seu assistente de programação com IA, envie este prompt:
Configure i18n
Ou já informe os idiomas de saída:
Configure i18n com os seguintes idiomas: en, es e pt-BR. O idioma padrão é "en".
O agente chama i18n_checklist para começar e, em seguida, segue as etapas guiadas — acionando as outras ferramentas quando necessário. O resultado é uma configuração de i18n funcional, adaptada ao seu framework e à estrutura do seu projeto.
A programação assistida por IA é inerentemente não determinística. O Lingo.dev React MCP aumenta a consistência com sua abordagem orientada por checklist, mas os resultados exatos podem variar entre execuções.
