Add react-i18next translations and generate language files with pnpm i18n.
npx skills add https://github.com/kingmacth/lobe-chat --skill i18n-kingmacth
Please help me install this Agent Skill. Skill: i18n Source: https://github.com/kingmacth/lobe-chat/tree/main/.agents/skills/i18n Command: npx skills add https://github.com/kingmacth/lobe-chat --skill i18n-kingmacth
Internationalization in React apps can be error-prone and inconsistent. This guide provides a structured workflow for adding translations and i18n keys using react-i18next, helping teams maintain uniform localization across components.
Initialize and manage translations in your project by following the defined conventions.
High-intent search queries and answers about installing and using this skill.
Structure translation keys for react-i18next using flat dot notation to maintain consistent localization. This naming convention prevents errors and ensures translations remain synchronized across all React components in your project.
The standard i18n workflow requires restricting translation edits to the src/locales/default directory. After adding keys there, run pnpm i18n to automatically generate the synchronized language files required for your React components.
Yes, you can use this react-i18next workflow for both development and production environments. It includes a dev preview workflow and supports staging environments where multiple languages are required and translations must be synchronized.
Restricting localization edits to the src/locales/default directory prevents error-prone manual updates across multiple files. It centralizes translation management so the pnpm i18n command can reliably generate and synchronize all language outputs.
The best way to prevent inconsistent translations across React components is to adopt a structured i18n workflow. Using flat dot notation for keys and generating files via pnpm i18n from a default locale directory ensures uniform localization.
toqozDetect the correct Node.js package manager by inspecting project lock files.
lobehubManage react-i18next translations and locale data in React applications.
StaysrGenerate React localization translations from flat dot-notation keys with react-i18next.
GrupoUSDetect hardcoded strings and manage translation files for React, Next.js, and Python.
