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

•

Developer Tools

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.

Key Features

01Full Right-to-Left (RTL) support with CSS logical properties

02Advanced pluralization support for CLDR language categories

03Ready-to-use React hooks for localized formatting and translation

041 GitHub stars

05Comprehensive Intl-based formatters for dates, currencies, and numbers

06Hierarchical JSON translation structures and semantic naming conventions

Use Cases

01Scaling a local web application to support global markets and multiple languages

02Refactoring legacy CSS to support RTL languages like Arabic or Hebrew using logical properties

03Implementing complex locale-aware data formatting for financial or analytics dashboards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add javeedishaq/ai-workflow-orchestrator i18n-patterns

For use in Claude.ai and ChatGPT

Download Skill