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
Decision gist · record as of 2026-07-28
i18n-date-patterns helps you build React apps that work across languages with proper date formatting, currency display, and RTL support. 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.
Use it when
- i18n-date-patterns provides comprehensive date handling patterns using dayjs with locale awareness.
- i18n-date-patterns includes patterns for bidirectional text support in React UIs.
Verify before relying
Read SKILL.md below before installing (12 files). Open directory: indexed for reading, not audited.
Install
yonatangross/orchestkit/i18n-date-patterns · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Implement internationalization in React with proper date/time and locale formatting”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
i18n skill establishes the workflow and standards for internationalization, ensuring all user-visible text is properly translated and managed across supported languages. It covers key structure using namespaced dot notation, the critical process of adding new text to every locale directory, and validation through automated checks. Use this skill when adding new user-facing text, creating components with translatable content, or reviewing code for i18n compliance.
This skill walks you through converting an i18next-based project to Lingui, from installing dependencies and configuring build tools through rewriting React components and translation strings. It addresses namespace mapping, plural form restructuring, and catalog format changes, then shows how to extract and compile your messages for production.
Build truly global applications with framework-agnostic localization patterns covering the entire i18n pipeline. Learn locale detection strategies, ICU message formatting with proper pluralization rules, RTL layout techniques using CSS logical properties, and SEO best practices with hreflang tags. Includes practical guidance on choosing between compile-time and runtime i18n libraries, managing translation workflows, and avoiding common pitfalls in multilingual development.
This skill teaches you how to build multilingual applications by establishing translation infrastructure, identifying hardcoded text that should be externalized, and ensuring proper locale handling across different regions and writing systems. Learn patterns for React, Next.js, and Python, plus techniques for RTL languages and locale-aware date and number formatting.
Build globally accessible applications by implementing language switching, translation workflows, and locale-specific formatting. This skill covers i18next setup for React, pluralization rules, date and number formatting using the Intl API, and right-to-left language support with CSS logical properties. Includes best practices for string extraction, pseudo-localization testing, and production translation workflows.
Translate Craft delivers translation that reads naturally in the target language, not like a translation. It covers 8 languages with language-specific rules for formality, tone, and cultural nuance, plus i18n framework setup (react-intl, i18next, ICU), RTL layout implementation, and locale-aware formatting for dates, currencies, and numbers.
More skills hebrew-i18n (MIT) · I18n (NOASSERTION) · internationalization (MIT) · i18n-frontend-implementer (MIT) · internationalization-i18n (Apache-2.0) · I18n Development (NOASSERTION) · qe-localization-testing (MIT) · i18n-review (MIT)