Der Lingo.dev React MCP gibt KI-Coding-Assistenten die Werkzeuge an die Hand, um Internationalisierung in deiner React-Codebasis mit nur einem einzigen Prompt einzurichten — mit sprachspezifischen Routen, Sprachumschalter und Spracherkennung. Inspiriert vom Sequential Thinking MCP zerlegt er die i18n-Einrichtung in eine geführte Checkliste, die der Agent Schritt für Schritt abarbeitet, sodass Keys und Übersetzungsinfrastruktur automatisch extrahiert und eingerichtet werden.
Nicht mit dem Lingo.dev MCP verwechseln
Der Lingo.dev React MCP ist auf das Aufsetzen von i18n in React-Codebasen spezialisiert. Das separate Lingo.dev MCP ist für die Arbeit mit Lokalisierungs-Engines gedacht (Glossare, Markenstimmen, Scorer, Modellkonfigurationen). Diese Seite bezieht sich auf das React MCP.
So funktioniert's#
Der Lingo.dev React MCP-Server stellt dem Agenten vier Tools bereit:
| Tool | Zweck |
|---|---|
i18n_checklist | Eine Schritt-für-Schritt-Anleitung für die Implementierung, die das gesamte Setup koordiniert. Der Agent ruft sie bei jedem Schritt auf, um zu wissen, was als Nächstes zu tun ist. |
get_project_context | Erfasst die Architektur des Projekts — Framework, Router und Verzeichnisstruktur —, um die Implementierungsstrategie festzulegen. |
get_framework_docs | Ruft die offizielle Framework-Dokumentation für das erkannte Framework ab (Next.js, React Router, TanStack Start). |
get_i18n_library_docs | Ruft Dokumentation für i18n-Bibliotheken ab (z. B. react-intl), die beim Einrichten von Providern und Komponenten verwendet werden. |
Das Tool i18n_checklist ist der Koordinator. Es führt den Agenten durch 13 Schritte — von der Projektanalyse über Sprachrouting, Übersetzungs-Setup und Sprachumschalter bis hin zur Build-Validierung.
Was implementiert wird#
Ein typisches, vom Lingo.dev React MCP geführtes Setup liefert:
- Sprachspezifische Routen - URLs mit vorangestellter aktiver Sprache (
/en/about,/es/about) - Sprachumschalter - Eine UI-Komponente zum Wechseln zwischen unterstützten Sprachen
- Spracherkennung - Automatische Erkennung der bevorzugten Sprache des Nutzers
- Übersetzungsinfrastruktur - Provider-Setup, Übersetzungsdateien und Hilfsfunktionen mit aus deinen Komponenten extrahierten Keys
Unterstützte Frameworks#
| Framework | Versionen |
|---|---|
| Next.js App Router | v13-16 |
| Next.js Pages Router | v13-16 |
| TanStack Start | v1 |
| React Router | v7 |
Verwendung#
Sobald der Lingo.dev React MCP mit deinem KI-Coding-Assistenten verbunden ist, gib ihm folgenden Prompt:
i18n einrichten
Oder gib die Sprachen direkt vor:
Richte i18n mit den folgenden Sprachen ein: en, es und pt-BR. Die Standardsprache ist "en".
Der Agent ruft zum Start i18n_checklist auf und folgt dann den geführten Schritten — bei Bedarf mit den anderen Tools. Das Ergebnis ist ein funktionierendes i18n-Setup, das auf dein Framework und deine Projektstruktur zugeschnitten ist.
KI-gestütztes Coding ist von Natur aus nicht deterministisch. Der Lingo.dev React MCP sorgt mit seinem checklistengesteuerten Ansatz für mehr Konsistenz, aber die genauen Ergebnisse können von Durchlauf zu Durchlauf variieren.
