Can I translate strings that contain HTML or React components?

Yes, the skill provides specific implementation patterns for the 'Trans' component, which allows you to safely embed React components or rich text inside translated strings.

Does it support Right-to-Left (RTL) languages like Hebrew or Arabic?

Yes, it includes specific patterns for RTL detection and provides guidance on using CSS logical properties to ensure layouts adapt correctly to bidirectional text.

What libraries does this skill utilize for internationalization?

The skill is built around react-i18next for translation management and Day.js for lightweight, locale-aware date and time manipulation.

How are complex plurals handled in this skill?

It leverages ICU MessageFormat syntax within JSON translation files, allowing for sophisticated pluralization, selection, and ordinal rules that go beyond simple 's' suffixes.

React i18n & Date Patterns

Name: React i18n & Date Patterns
Author: yonatangross

byyonatangross

•

개발자 도구

Implements comprehensive internationalization and locale-aware formatting for React applications using industry-standard patterns.

This skill provides a robust framework for handling internationalization (i18n) and localization (L10n) in React environments. It automates the implementation of user-facing strings via react-i18next, manages complex pluralization with ICU MessageFormat, and ensures consistent date, currency, and list formatting through centralized hooks. It is particularly valuable for developers building multi-lingual applications that require RTL support—such as Hebrew or Arabic—and strict adherence to locale-specific display standards, effectively eliminating hardcoded strings and inconsistent formatting logic across the codebase.

주요 기능

01Complex pluralization and gender-specific logic with ICU MessageFormat

0229 GitHub stars

03Standardized date and time handling using a centralized Day.js implementation

04Built-in RTL (Right-to-Left) language support for bidirectional UI layouts

05Locale-aware formatting for currency, lists, and ordinals via useFormatting hook

06Rich text translation support using the React Trans component

사용 사례

01Migrating a legacy codebase with hardcoded strings to a scalable, namespaced translation system

02Localizing a React dashboard for international markets with different currency and date formats

03Implementing complex pluralization rules for dynamic data like user counts or notifications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/skillforge-claude-plugin i18n-date-patterns

For use in Claude.ai and ChatGPT

Download Skill