Lingui is an internationalization framework for JavaScript. This skill provides best practices for using i18n in React and vanilla JavaScript applications.
$ npx skills add https://github.com/lingui/skills --skill lingui-best-practicesLingui Best Practices provides a structured approach to adding i18n to React and vanilla JavaScript applications. The skill covers the complete Lingui workflow: wrapping apps with I18nProvider, marking messages with macros (Trans, useLingui, Plural), extracting messages via CLI, translating catalogs, and compiling locales. It includes patterns for handling JSX content, string attributes, lazy translations, pluralization with exact number matching, and locale-aware date/number formatting using the Intl API. Developers learn when to use Trans for JSX, useLingui for non-JSX strings, and msg for module-level constants, plus configuration setup and ESLint plugin integration to prevent common mistakes.
Install using the command: `$ npx skills add https://github.com/lingui/skills --skill lingui-best-practices`
Implementing internationalization in React apps
Marking messages for translation
Extracting and compiling translation catalogs
$ npx skills add https://github.com/lingui/skills --skill lingui-best-practicesgit clone https://github.com/lingui/skillsCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Check the GitHub repository or documentation for usage examples.
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan