Does it require external libraries for date and number formatting?

It prioritizes the native browser Intl API for formatting dates, numbers, currencies, and relative times, reducing bundle size while ensuring high-performance, standardized localization.

How does it handle complex pluralization for different languages?

The skill includes logic based on the Unicode CLDR categories (zero, one, two, few, many, other), providing specific translation key structures for languages with complex plural rules like Russian, Polish, or Arabic.

Does this skill help with Right-to-Left (RTL) layouts?

Yes, it includes patterns for detecting RTL languages and recommends using CSS logical properties (like margin-inline-start) which automatically adjust based on text direction, replacing rigid physical properties.

What i18n libraries does this skill support?

While the skill provides specific implementation examples for react-i18next, the architectural patterns, JSON structures, and native Intl API logic are applicable to any framework or library including Vue-i18n, next-intl, and Angular i18n.

i18n & Localization Patterns

Name: i18n & Localization Patterns
Author: antoineschaller

byantoineschaller

•

Developer Tools

Provides comprehensive patterns and best practices for implementing robust multi-language support in modern web applications.

This skill equips Claude with specialized knowledge to architect and implement internationalization (i18n) and localization (l10n) systems from the ground up. It covers essential topics including hierarchical JSON translation structures, semantic naming conventions, and advanced pluralization logic for complex languages like Arabic and Russian. By integrating native Intl API formatters for dates, currencies, and numbers alongside modern CSS logical properties for RTL (Right-to-Left) support, this skill ensures that developers can build truly global, accessible, and maintainable applications using frameworks like React and libraries like i18next.

Key Features

01Right-to-Left (RTL) language support using modern CSS logical properties

02Standardized hierarchical translation file structures and naming conventions

031 GitHub stars

04Advanced pluralization rules for multi-category languages (CLDR standard)

05Native Intl API integration for localized dates, currencies, and relative time

06Reusable React hooks and formatters for consistent UI localization

Use Cases

01Developing accessible interfaces for RTL languages like Arabic or Hebrew using automated layout flipping

02Scaling a single-language web application to support global markets and multiple locales

03Implementing complex formatting for international currencies and localized date-time displays

Key Features

01Right-to-Left (RTL) language support using modern CSS logical properties

02Standardized hierarchical translation file structures and naming conventions

031 GitHub stars

04Advanced pluralization rules for multi-category languages (CLDR standard)

05Native Intl API integration for localized dates, currencies, and relative time

06Reusable React hooks and formatters for consistent UI localization

Use Cases

01Developing accessible interfaces for RTL languages like Arabic or Hebrew using automated layout flipping

02Scaling a single-language web application to support global markets and multiple locales

03Implementing complex formatting for international currencies and localized date-time displays