Enforce i18n patterns across frontend apps to prevent hardcoded UI text.
npx skills add https://github.com/rbaumier/skills --skill i18n-rbaumier
Please help me install this Agent Skill. Skill: i18n Source: https://github.com/rbaumier/skills/tree/main/i18n Command: npx skills add https://github.com/rbaumier/skills --skill i18n-rbaumier
ZERO hardcoded user-visible text and inconsistent locale handling by providing standardized i18n patterns, translation structure, and SSR-safe initialization.
Implement the i18n pattern by replacing plain strings with t() calls, wiring up the locale detector, and mapping errors to translation keys.
High-intent search queries and answers about installing and using this skill.
To prevent hardcoded UI text in React frontend apps, replace plain strings with t() calls and enforce structured translation files. This establishes a flat, domain-prefixed key framework with TypeScript typings to ensure zero hardcoded user-visible text.
The best way to detect user locale for SSR-safe internationalization is to implement a prioritized detection order. This checks user preference, URL, subdomain, Accept-Language, and navigator.language sequentially to ensure robust locale handling.
To translate Zod form validation errors, map the error outputs to structured translation keys. This integrates error translation pipelines into your i18n setup, ensuring fully translated UIs for both form validations and API errors.
Yes, this internationalization approach handles CLDR-aware pluralization and formatting. It applies standardized i18n patterns to enforce robust plural handling and date/number formatting across your frontend application.
Structure translation keys for scalable frontend architecture by using a flat, domain-prefixed framework. Organize keys into logical domains like common.*, validation.*, and errors.* to maintain consistency and enforce structured translation files.
Vortex4047Scaffold TypeScript projects with strict typing, pnpm, and Vitest.
Bonny94ITAAudit technical, on-page, content, and international SEO aspects.
StrocsUpgrade Zod 3 schemas to Zod 4 with TypeScript validation examples.
KaakatiImplement internationalization and localization for Rails, React Native, ReactJS, and Next.js applications.
