Manage react-i18next keys, namespaces, and translations with pnpm i18n.
npx skills add https://github.com/kissMyApps-tlm/kissmychat --skill i18n-kissmyapps-tlm
Please help me install this Agent Skill. Skill: i18n Source: https://github.com/kissMyApps-tlm/kissmychat/tree/main/.agents/skills/i18n Command: npx skills add https://github.com/kissMyApps-tlm/kissmychat --skill i18n-kissmyapps-tlm
Internationalization in React projects can become error-prone and hard to maintain as teams add languages, keys, and translations across locales. This Skill provides a standardized approach to manage i18n keys, namespaces, and translation generation with react-i18next to ensure consistency and reduce manual overhead.
Add a new translation key to src/locales/default/{namespace}.ts and run pnpm i18n to refresh all language files.
High-intent search queries and answers about installing and using this skill.
Internationalization with react-i18next involves organizing translation keys in src/locales/default using flat dot-notation (e.g., feature.context.action), maintaining language files in locales/zh-CN and locales/en-US, and running pnpm i18n to generate translations across all languages automatically.
Use flat dot-notation keys organized by namespace in src/locales/default, export them centrally in src/locales/default/index.ts, and add new namespaces incrementally. This structure keeps translations predictable and maintainable as your app grows.
Create a new namespace file in src/locales/default/{namespace}.ts with your keys, export it in src/locales/default/index.ts, then run pnpm i18n to generate translations across all language files automatically.
Yes, react-i18next supports multiple language files through namespaces. Organize keys under src/locales/default, maintain separate language directories (locales/zh-CN, locales/en-US), and use useTranslation hook with namespace parameters in React components.
Run pnpm i18n after adding new keys to src/locales/default namespaces or modifying the namespace structure. This ensures all language files stay synchronized and new translations are generated across locales/zh-CN, locales/en-US, and other configured languages.
andershi666Automate React translation management with flat dot-notation keys and locale exports.
RodrigoVeraCandiaImplement Angular 19+ i18n with @ngx-translate/core and dynamic language switching.
Himanshu040604Integrate Sentry SDK for error monitoring, tracing, and session replay in React.
ClawLink-HQManage Crowdin projects, strings, files, and translation reports via API.
