add-react-i18n
OfficialAdd multi-language support to React libs
Authoremaginebr
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of integrating internationalization (i18n) into React NPM libraries, ensuring they can be easily localized without conflicting with the host application's i18n setup.
Core Features & Use Cases
- Isolated i18n Instance: Prevents conflicts with the consuming application's i18n configuration.
- Namespace Isolation: Uses a dedicated namespace to avoid key collisions between the library and the host app.
- Dynamic Zod Schemas: Ensures validation messages update correctly with language changes.
- Use Case: You've developed a reusable React component library for a SaaS product and need to support users in English, Spanish, and French. This Skill will add
react-i18nextto your library, allowing seamless translation management.
Quick Start
Add react-i18next internationalization to a React NPM library package, using 'en' as the default language and 'pt' and 'es' as additional languages.
Dependency Matrix
Required Modules
i18nextreact-i18next
Components
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: add-react-i18n Download link: https://github.com/emaginebr/MonexUp/archive/main.zip#add-react-i18n Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.