i18n-date-patterns
This skill equips frontend developers with patterns for adding internationalization to React applications, covering translation hooks, locale-sensitive formatting for currency and lists, date handling with dayjs, and bidirectional text support. It provides bundled references for ICU MessageFormat pluralization, the Trans component for rich text, and implementation checklists to ensure all user-facing content respects locale conventions.
i18n-date-patterns helps you build React apps that work across languages with proper date formatting, currency display, and RTL support.
AI-generated summary based on this skill's SKILL.md
Install
yonatangross/orchestkit/i18n-date-patterns · repository language: TypeScript
git clone https://github.com/yonatangross/orchestkit
cp -r orchestkit/src/skills/i18n-date-patterns ~/.claude/skills/i18n-date-patternsFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How to internationalize a React app with i18n-date-patterns?
i18n-date-patterns equips frontend developers with patterns for adding internationalization to React applications. The skill covers translation hooks, locale-sensitive formatting for currency and lists, date handling with dayjs, and bidirectional text support. It provides bundled references for ICU MessageFormat pluralization, the Trans component for rich text, and implementation checklists to ensure all user-facing content respects locale conventions.
What does i18n-date-patterns cover for React i18n date formatting?
i18n-date-patterns provides comprehensive date handling patterns using dayjs with locale awareness. It covers locale-aware date and time formatting to ensure dates display correctly for each user's region, preventing common anti-patterns. The skill includes setup guidance and best practices for integrating date formatting into React components while respecting cultural conventions.
How does i18n-date-patterns support RTL languages like Hebrew and Arabic?
i18n-date-patterns includes patterns for bidirectional text support in React UIs, enabling proper rendering of RTL languages such as Hebrew and Arabic. The skill provides guidance on implementing RTL support alongside LTR content, ensuring your multilingual UI handles text direction correctly and maintains layout integrity across language variants.
Can i18n-date-patterns handle currency and list formatting for different locales?
Yes. i18n-date-patterns covers locale-aware formatting for currency, lists, numbers, and ordinals according to user locale. It ensures that prices, numerical values, and list presentations adapt to regional conventions, preventing display errors and improving user experience across different markets and language regions.
How does i18n-date-patterns handle pluralization and complex message patterns?
i18n-date-patterns provides bundled references for ICU MessageFormat pluralization and complex message patterns. It equips developers with syntax and examples for handling pluralization rules that vary across languages, enabling accurate translation of dynamic content and ensuring grammatically correct messages regardless of quantity or context.
What does i18n-date-patterns offer for embedding React components in translated text?
i18n-date-patterns includes patterns for safely embedding React components in translated text using the Trans component for rich text translations. This allows developers to maintain interactive elements and formatting within localized strings while preserving component functionality and avoiding common security and rendering pitfalls.
SKILL.md
rendered from the published skill — quoted content, verbatim
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
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 12 files
src/skills/i18n-date-patterns/SKILL.md
src/skills/i18n-date-patterns/checklists/i18n-checklist.md
src/skills/i18n-date-patterns/examples/component-i18n-example.md
src/skills/i18n-date-patterns/references/formatting-utilities.md
src/skills/i18n-date-patterns/references/icu-messageformat.md
src/skills/i18n-date-patterns/references/trans-component.md
src/skills/i18n-date-patterns/rules/_sections.md
src/skills/i18n-date-patterns/rules/_template.md
src/skills/i18n-date-patterns/rules/i18n-formatting-antipatterns.md
src/skills/i18n-date-patterns/rules/i18n-icu-plurals.md
src/skills/i18n-date-patterns/rules/i18n-trans-component.md
src/skills/i18n-date-patterns/test-cases.json