Can I format currency and lists with this skill?

Yes, the bundled useFormatting hook provides standardized methods for locale-specific currency formatting, ordinal numbers, and grammatically correct list joining.

Is this skill suitable for React Native?

While primarily focused on React web patterns, the core logic for translation hooks and date formatting is highly portable to React Native environments.

What libraries does this skill utilize for localization?

The skill is built around react-i18next for string translations and dayjs for lightweight, immutable date and time manipulation.

How does it handle complex pluralization?

It implements ICU MessageFormat syntax within JSON translation files, allowing for sophisticated plural rules and gender-specific string selections.

Does this skill support Right-to-Left (RTL) languages?

Yes, it includes specific patterns and hooks for detecting locale direction and implementing RTL-aware layouts for languages like Hebrew and Arabic.

React i18n & Date Patterns

Name: React i18n & Date Patterns
Author: yonatangross

byyonatangross

•

디자인 도구

Implements comprehensive internationalization and localization patterns for React applications including UI strings, date formatting, and RTL support.

This skill provides a production-ready framework for building multilingual React applications by integrating react-i18next and dayjs with standardized formatting hooks. It streamlines the implementation of locale-aware UI components, ensuring consistency across translated strings, complex pluralization using ICU MessageFormat, and localized data like currency and ordinals. It is an essential tool for developers building global SaaS platforms or applications requiring Right-to-Left (RTL) layout support for languages like Hebrew and Arabic.

주요 기능

0169 GitHub stars

02Standardized useTranslation hook implementation for namespaced UI strings

03Locale-aware formatting for currency, lists, and ordinals via centralized hooks

04Comprehensive Right-to-Left (RTL) support for bidirectional UI layouts

05Centralized date and time management using optimized dayjs configurations

06Advanced pluralization and selection logic using ICU MessageFormat syntax

사용 사례

01Architecting a global multi-language dashboard with dynamic locale switching

02Localizing financial data, dates, and measurement units for international markets

03Refactoring existing hardcoded UI strings into a scalable i18n structure

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/orchestkit i18n-date-patterns

For use in Claude.ai and ChatGPT

Download Skill