Add or update translation keys across seven locale files and wire them into React components.
npx skills add https://github.com/nomos-guild/cgov --skill i18n-nomos-guild
Please help me install this Agent Skill. Skill: i18n Source: https://github.com/nomos-guild/cgov/tree/main/.claude/skills/i18n Command: npx skills add https://github.com/nomos-guild/cgov --skill i18n-nomos-guild
Add or update translation keys across all locale files and wire them into React components or pure utility functions. Use when localizing new features, adding translation keys, or fixing hardcoded English strings across locale files.
Identify the new translation key in en.json and add corresponding entries in all locale files. Wire the key into a React component using useTranslations("namespace") and t("key") with proper namespace. Build and verify across locales.
High-intent search queries and answers about installing and using this skill.
To add translation keys across multiple locale files in React, you define the new key in your base locale file and generate corresponding entries across all other supported locales. This process enforces synchronization so every language remains consistent when wired into your components.
The best way to replace hardcoded English strings with next-intl translations is to extract the text into a translation key, add it to the locale files, and wire it into the React component using useTranslations. You must specify the correct namespace and use interpolation for dynamic values.
Yes, you can keep technical terms like DRep and SPO in English across all locales. The localization process allows you to maintain specific technical terms in English where appropriate, ensuring consistent domain terminology while translating the surrounding application text.
Yes, this React localization approach explicitly supports a seven-locale setup including en, de, fr, es, pt, ja, and zh. It enforces key synchronization across all seven locale files to ensure no language is missing translations during feature development.
To use namespaces and interpolation when wiring translations into React components, you call useTranslations with the specific namespace and then use the t function for the key. You pass dynamic values through interpolation to ensure the localized string adapts correctly based on user input.
If translation keys are missing from some locale files, the localization enforcement mechanism breaks synchronization. You must add corresponding entries in all locale files whenever a new key is introduced to ensure consistent rendering across all supported languages and prevent missing text.
bbvch-aiValidate translation coverage across four locales in Nuxt and python-i18n systems.
DayoptGenerates translation keys and detects Chinese-language strings in code, supporting localization workflows.
arolariuImplement next-intl internationalization for Next.js pages across English, Romanian, and French locales.
KaakatiImplement internationalization and localization for Rails, React Native, ReactJS, and Next.js applications.
