Dieser Artikel beschreibt den Fünf-Prompt-Weg von hartcodiertem Englisch zu mehrsprachigen Next.js- oder React-Apps – mit Agent-Skills, Git-gestützten Übersetzungsdateien und automatischer Übersetzung bei jedem Push. globalize.now ist KI-gestützte Lokalisierungsinfrastruktur, die neue UI-Strings synchron hält, ohne manuelle Export-Schleifen oder Dashboard-Betreuung. Den ROI-Case findest du in Warum du deine App globalisieren solltest, die Stack-Übersicht in Beste Lokalisierungs-Tools für Vibe Coding 2026, und den Extraktions-Deep-Dive in Wie du eine KI-generierte App lokalisierst. Copy speziell für Vibe Coder gibt's außerdem auf der globalize.now-Seite für Vibe Coder.
Wie funktioniert die fünfstufige Globalisierungs-Pipeline?
Wo fängst du an?
Verbinde dein Repository auf globalize.now. Die erste Konvertierung läuft einmalig, in der App: Sie liest das Repo, ersetzt die hartcodierten Strings durch Keys und öffnet einen Pull Request zur Überprüfung. Jeder Push danach übersetzt, was neu dazugekommen ist.
Wenn du den ersten Durchgang lieber direkt aus deinem Editor fährst: Dasselbe Playbook installiert sich in deinen Agent – Cursor, Claude Code, Codex, egal womit du arbeitest:
$ npx skills add globalize-now/globalize-skills
Das installiert i18n-Skills direkt in deinen Agent. Er erkennt deinen Stack und zeigt dir ein Menü, was du laden kannst:
✔ Install scope: Local — this project only
? Which skills?
── Presets ──
❯◉ globalize-guide — Detects stack, recommends i18n library
◉ lingui — LinguiJS skills (setup, translate, code)
◉ css — CSS i18n (logical properties, RTL)
◉ globalize-now-cli — globalize CLI setup and usage
◉ next-intl — next-intl for Next.js
Dein Agent weiß jetzt, wie er dein Projekt für Übersetzungen einrichtet. Keine manuelle Konfiguration. Kein Dokumentation-Lesen.
Wie richtest du Locales ein, nachdem die Skills installiert sind?
Sag deinem Agent:
Richte die Lokalisierung für mein Projekt ein
Er scannt deine Codebase, identifiziert dein Framework, empfiehlt die passende i18n-Bibliothek für deinen Stack und findet jeden hartcodierten String über alle Komponenten hinweg:
Agent: Detected Next.js 15 with App Router.
I'll set up next-intl — best fit for your stack.
Found 47 hardcoded strings across 12 components.
Which languages do you need?
> English, Spanish, Arabic
Agent: Setting up 3 locales with RTL support for Arabic.
Creating translation files...
Das ist der Schritt, der normalerweise Tage dauert. Dein Agent erledigt ihn in Minuten: Framework installiert, Locale-Struktur erstellt, RTL konfiguriert, falls nötig.
Wie solltest du Literale in Übersetzungsschlüssel umwandeln?
Sag deinem Agent:
Konvertiere meine App
Er schreibt deine Komponenten um und ersetzt jeden hartcodierten String durch eine Referenz auf einen Übersetzungsschlüssel. Gleichzeitig generiert er deine Übersetzungsdateien, befüllt und konsistent mit deinem Glossar:
Agent: Converting 47 strings to translatable keys
for Spanish and Arabic...
✓ es.json — 47 translatable strings
✓ ar.json — 47 translatable strings
All entries consistent with your glossary.
Deine Codebase wandelt sich von hartcodiertem Englisch zu einer übersetzungsbereiten Architektur. Vorher und nachher:
// Before
<button>Submit order</button>
// After
<button>{t("checkout.submit_order")}</button>
Wie verbindest du Git für automatische Übersetzungssynchronisation?
Sag deinem Agent:
Verbinde dieses Projekt mit globalize
Das verbindet dein Repository mit globalize.now. Von da an bleiben Übersetzungen automatisch synchron – keine manuellen Exporte, kein Dashboard-Sync, keine übersehenen Strings, wenn du neue Features releast:
Agent: Created project on globalize.
✓ Connected GitHub repo
✓ 3 locales configured (en, es, ar)
✓ Auto-translate on push enabled
New strings translated automatically on push to main.
Bei jedem Push mit neuen UI-Strings erkennt globalize.now sie, übersetzt sie und gibt sie als PR an dein Repo zurück.
Wie machst du Locales mit einem Sprachumschalter zugänglich?
Sag deinem Agent:
Füge einen Sprachumschalter auf meiner Website hinzu
Dein Agent fügt eine Locale-Switcher-Komponente in deine UI ein, verdrahtet mit deinem bestehenden i18n-Setup. Nutzer können jetzt zwischen Sprachen wechseln.
Das ist die komplette Pipeline. Fünf Prompts. Deine App ist mehrsprachig, deine Architektur ist saubere, und neue Strings bleiben beim Release automatisch synchron.
Welche Stacks unterstützt globalize.now?
globalize.now funktioniert direkt einsatzbereit mit Next.js, React, Vite und React Router. Es integriert sich außerdem mit GitHub, GitLab, Claude, Cursor und Codex — für Entwicklerteams mit bestehenden Codebases genauso wie für schnell released KI-gebaute Apps.
Der globalize-guide-Skill erkennt automatisch deinen Stack und empfiehlt die passende Bibliothek. Du musst nicht recherchieren, welches i18n-Framework du nutzen sollst — dein Agent trifft diese Entscheidung basierend darauf, was bereits in deinem Projekt steckt.
Was deckt der Preis ab?
Alles ist in einer Stufe enthalten: 20 € / Monat pro Workspace, mit 100.000 Zeichen übersetzter Ausgabe inklusive. CLI, API, GitHub-Sync, über 50 Sprachen inklusive RTL, und priorisierter Support.
globalize.now konvertiert hartcodierte App-Texte in übersetzungsreife Locale-Dateien und hält sie aktuell, während Sie veröffentlichen.
Probiere globalize.now kostenlos