Can this skill help with currency and date formatting?

Absolutely. It includes comprehensive wrappers for the native JavaScript Intl API to handle locale-specific currency, relative time (e.g., '2 days ago'), and compact number notation.

What are CSS Logical Properties and why are they used?

Logical properties (like margin-inline-start) replace physical properties (like margin-left). This allows the layout to automatically flip for Right-to-Left (RTL) languages without writing custom CSS overrides.

How does it handle complex pluralization in languages like Arabic?

The skill follows the CLDR (Unicode Common Locale Data Repository) standards, providing specific key patterns for all six plural categories: zero, one, two, few, many, and other.

Does this skill work with frameworks other than React?

Yes. While the code examples include React hooks and react-i18next configurations, the core JSON structures, naming conventions, and Intl API formatting patterns are framework-agnostic.

i18n & Localization Patterns

Name: i18n & Localization Patterns
Author: JaveedIshaq

byJaveedIshaq

•

開発者ツール

Implements standardized internationalization and localization patterns for multi-language application development.

概要

This skill provides a comprehensive framework for building globally accessible applications using modern i18n standards. It establishes structured translation file organizations and hierarchical naming conventions to keep localization assets manageable as projects scale. Beyond basic text translation, the skill offers advanced implementations for complex pluralization across diverse language categories, robust date and number formatting using the native Intl API, and full Right-to-Left (RTL) support through CSS logical properties. It is designed to work seamlessly with popular libraries like react-i18next while maintaining framework-agnostic best practices for data structure and formatting.

主な機能

Full Right-to-Left (RTL) support with CSS logical properties
Advanced pluralization support for CLDR language categories
Ready-to-use React hooks for localized formatting and translation
1 GitHub stars
Comprehensive Intl-based formatters for dates, currencies, and numbers
Hierarchical JSON translation structures and semantic naming conventions

ユースケース

Scaling a local web application to support global markets and multiple languages
Refactoring legacy CSS to support RTL languages like Arabic or Hebrew using logical properties
Implementing complex locale-aware data formatting for financial or analytics dashboards

概要

主な機能

Full Right-to-Left (RTL) support with CSS logical properties
Advanced pluralization support for CLDR language categories
Ready-to-use React hooks for localized formatting and translation
1 GitHub stars
Comprehensive Intl-based formatters for dates, currencies, and numbers
Hierarchical JSON translation structures and semantic naming conventions

ユースケース

Scaling a local web application to support global markets and multiple languages
Refactoring legacy CSS to support RTL languages like Arabic or Hebrew using logical properties
Implementing complex locale-aware data formatting for financial or analytics dashboards