Agent skill · software engineering · yonatangross
i18n-date-patterns
Implements internationalization (i18n) in React applications. Covers user-facing strings, date/time handling, locale-aware formatting, ICU MessageFormat, and RTL support. Use when building multilingual UIs or formatting dates/currency.
Why this skill is useful
Provides specific patterns and hooks for implementing internationalization in React that the AI wouldn't reliably generate on its own.
What it needs
About 5k tokens when loaded. Last updated 2026-08-06. 215 stars on the source repository.
What this skill does
i18n and Localization Patterns Overview This skill provides comprehensive guidance for implementing internationalization in React applications. It ensures ALL user-facing strings, date displays, currency, lists, and time calculations are locale-aware. When to use this skill: Adding ANY user-facing text to components Formatting dates, times, currency, lists, or ordinals Implementing complex pluralization Embedding React components in translated text Supporting RTL languages (Hebrew, Arabic) Bundled Resources (load with Read("<path>")): references/formatting-utilities.md - useFormatting hook API reference references/ork-delta.md - House decisions and working config that upstream docs do not carry checklists/i18n-checklist.md - Implementation and review checklist examples/component-i18n-example.md - Complete component example Canonical Reference: See docs/i18n-standards.md for the full i18n standards document. --- Core Patterns 1. useTranslation Hook (All UI Strings) Every visible string MUST use the translation function: 2. useFormatting Hook (Locale-Aware Data) All locale-sensitive formatting MUST use the centralized hook: Load Read("references/formatting-utilities.md") for the complete API. 3. Date Formatting All dates MUST use the centralized @/lib/dates library: 4. ICU MessageFormat (Complex Plurals) Use ICU syntax in translation files for pluralization: House rules for plurals live in rules/i18n-icu-plurals.md. For the full ICU grammar see the upstream table below. 5. Trans Component (Rich Text) For embedded React components in translated text: House rules for <Trans> live in rules/i18n-trans-component.md; the plural-plus-rich-text ordering constraint lives in references/ork-delta.md. For the full component API see the upstream table below. --- Upstream coverage (do not restate) These topics are owned by first-party docs. Read them there instead of re-deriving them here. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills yonatangross/i18n-date-patterns--1d35a3