O Lingo.dev React MCP dá aos assistentes de programação com IA as ferramentas de que precisam para configurar a internacionalização na sua codebase React — rotas com reconhecimento de idioma, seletor de idioma e deteção de idioma — a partir de um único prompt. Inspirado no Sequential Thinking MCP, divide a configuração de i18n numa checklist orientada que o agente segue passo a passo, para que as chaves e a infraestrutura de tradução sejam extraídas e ligadas automaticamente.
Não confundir com o Lingo.dev MCP
O Lingo.dev React MCP é focado na criação da estrutura de i18n em codebases React. O Lingo.dev MCP, em separado, serve para trabalhar com motores de localização (glossários, voz da marca, scorers, configurações de modelo). Esta página é sobre o React MCP.
Como funciona#
O servidor Lingo.dev React MCP disponibiliza quatro ferramentas ao agente:
| Ferramenta | Finalidade |
|---|---|
i18n_checklist | Um guia de implementação passo a passo que coordena toda a configuração. O agente chama-o em cada etapa para saber o que fazer a seguir. |
get_project_context | Capta a arquitetura do projeto — framework, router, estrutura de diretórios — para orientar a estratégia de implementação. |
get_framework_docs | Obtém a documentação oficial do framework detetado (Next.js, React Router, TanStack Start). |
get_i18n_library_docs | Obtém documentação de bibliotecas de i18n (por exemplo, react-intl) utilizadas na configuração do provider e dos componentes. |
A ferramenta i18n_checklist é a coordenadora. Guia o agente ao longo de 13 etapas — desde a análise do projeto até ao routing por idioma, configuração das traduções, seletor de idioma e validação da build.
O que é implementado#
Uma configuração típica orientada pelo Lingo.dev React MCP produz:
- Rotas com reconhecimento de idioma - URLs com prefixo do idioma ativo (
/en/about,/es/about) - Seletor de idioma - Um componente de UI para alternar entre os idiomas suportados
- Deteção de idioma - Deteção automática do idioma preferido do utilizador
- Infraestrutura de tradução - Configuração do provider, ficheiros de tradução e funções auxiliares com chaves extraídas dos seus componentes
Frameworks suportados#
| Framework | Versões |
|---|---|
| Next.js App Router | v13-16 |
| Next.js Pages Router | v13-16 |
| TanStack Start | v1 |
| React Router | v7 |
consumo#
Assim que o Lingo.dev React MCP estiver ligado ao seu assistente de programação com IA, envie-lhe este prompt:
Configura i18n
Ou especifique logo à partida os idiomas:
Configura i18n com os seguintes idiomas: en, es e pt-BR. O idioma predefinido é "en".
O agente chama i18n_checklist para começar e depois segue as etapas orientadas — chamando as outras ferramentas sempre que 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 melhora a consistência através da sua abordagem orientada por checklist, mas os resultados exatos podem variar entre execuções.
