Wir haben festgestellt, dass KI-Coding-Agenten beim Einrichten von Internationalisierung in Web-Apps von Grund auf oft ins Stocken geraten. Zu viele voneinander abhängige Schritte – Spracherouting, Middleware, Übersetzungsdateien, Provider-Wrapper, Sprachumschalter – und schon verlieren Agenten den Überblick darüber, was erledigt ist und was noch fehlt.
Inspiriert vom Sequential Thinking MCP haben wir einen kostenlosen MCP-Server entwickelt, der das i18n-Setup in eine geführte Checkliste zerlegt, die der Agent Schritt für Schritt abarbeitet. Verbinde ihn mit deinem KI-Agenten, gib „Set up i18n“ ein, und das komplette Setup ist in wenigen Minuten erledigt.
Was das MCP bietet#
Der Server stellt dem KI-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 Projektarchitektur – Framework, Router, Verzeichnisstruktur – und legt damit die Grundlage für die Implementierungsstrategie. |
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 die Dokumentation zu 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 Spracherouting, Übersetzungssetup und Sprachumschalter bis zur Build-Validierung. Jeder Schritt sagt dem Agenten genau, was umgesetzt werden muss und welche Tools dafür aufzurufen sind.
Was implementiert wird#
Ein typisches MCP-gestütztes Setup umfasst:
- Sprachabhängige 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
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 das MCP mit deinem KI-Coding-Assistenten verbunden ist, gib folgenden Prompt ein:
Set up i18n
Oder gib die Sprachen genauer an:
Set up i18n with the following locales: en, es, and pt-BR. The default locale is "en".
Der Agent ruft zum Start i18n_checklist auf und folgt dann den geführten Schritten – dabei nutzt er die anderen Tools nach Bedarf. Das Ergebnis ist ein funktionierendes i18n-Setup, zugeschnitten auf dein Framework und deine Projektstruktur.
KI-gestütztes Coding ist von Natur aus nicht deterministisch. Das MCP sorgt mit seinem checklistenbasierten Ansatz für mehr Konsistenz, aber die genauen Ergebnisse können von Durchlauf zu Durchlauf variieren.
