yonatangross avatar

I18n Date Patterns

This is a reference skill for building multilingual React apps with react-i18next and dayjs. It enforces patterns like useTranslation for all UI strings, useFormatting for currency and lists, and ICU MessageFormat for plurals. The anti-patterns section is the real value here: it explicitly forbids things like hardcoding strings, using .join() for lists, or new Date() for formatting. Comes with bundled references for the formatting hook API and Trans component examples. If you're working on a codebase that supports Hebrew or Arabic, the RTL guidance and logical properties approach will save you time. Low effort skill that acts as a guardrail.

skills.sh installs
215
GitHub stars
301
last updated
Aug 21, 2026

Install

$ npx -y skills add yonatangross/orchestkit --skill i18n-date-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

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:

import { useTranslation } from 'react-i18next';

Sponsors

Details

Repository
github.com/yonatangross/orchestkit
Category
Frontend Development
First seen
Jun 3, 2026

More from yonatangross/orchestkit

All 61
1tamiror6 avatarshopify-polaris-web-componentstamiror6/shopify-app-skillsUse Shopify Polaris Web Components (s-* custom elements) for App Home UI. Use when building App Home surfaces (not embedded apps), designing UI with s-page, s-s213skills.sh installs
2microsoft avatarchat-customizations-editormicrosoft/vscodeUse when working on the Chat Customizations editor — the management UI for agents, skills, instructions, hooks, prompts, MCP servers, and plugins.212skills.sh installs
3davila7 avataralgolia-searchdavila7/claude-code-templatesExpert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning Use when: adding search to, algolia, instantse211skills.sh installs
4s-hiraoku avatarjotai-experts-hiraoku/skills-factoryExpert guidance for Jotai state management in React applications. Provides best practices, performance optimization, and architectural patterns. Use when design204skills.sh installs
5jezweb avatartesting-libraryjezweb/claude-skillsTest React components with Testing Library patterns. Covers queries (getBy/findBy/queryBy), user-event interactions, async testing (findBy vs waitFor), accessib203skills.sh installs
6dbjpanda avatarconvex-tenantsdbjpanda/convex-tenantsMulti-tenant organization and team management for Convex with @djpanda/convex-tenants and @djpanda/convex-authz. Use when (1) setting up or integrating multi-te192skills.sh installs