i18n-localization
Build applications ready for international audiences with comprehensive guidance on text externalization, message formatting, and locale-specific adaptations. Learn to handle dates, times, numbers, currency, and right-to-left layouts using modern APIs and libraries like react-intl. Covers practical implementation patterns and best practices for managing translations and regional variations across your codebase.
i18n-localization helps you add multi-language support and regional formatting to applications for global audiences.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-17
i18n-localization helps you add multi-language support and regional formatting to applications for global audiences. Build applications ready for international audiences with comprehensive guidance on text externalization, message formatting, and locale-specific adaptations. Learn to handle dates, times, numbers, currency, and right-to-left layouts using modern APIs and libraries like react-intl. Covers practical implementation patterns and best practices for managing translations and regional variations across your codebase.
Use it when
- i18n-localization teaches locale-specific formatting for dates, times, numbers, and currency across regions.
- i18n-localization includes dedicated coverage of right-to-left (RTL) layout support for languages like Arabic and Hebrew.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
travisjneuman/.claude/i18n-localization · repository language: JavaScript
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 do I add multi-language support to my app with i18n-localization?
i18n-localization provides comprehensive guidance on text externalization and message formatting to build applications ready for international audiences. Start by externalizing all user-facing strings into translation files, then use libraries like react-intl to manage locale switching. The skill covers practical implementation patterns for handling multiple languages, including pluralization rules specific to each language and ICU message format examples for complex translations.
What's the best way to handle different date formats by country?
i18n-localization teaches locale-specific formatting for dates, times, numbers, and currency across regions. Modern APIs and libraries like react-intl automatically format dates according to the user's locale—for example, MM/DD/YYYY in the US versus DD/MM/YYYY in Europe. The skill covers timezone handling in JavaScript and demonstrates how to adapt temporal data without manual string manipulation, ensuring consistency across your global application.
How can i18n-localization help implement RTL support?
i18n-localization includes dedicated coverage of right-to-left (RTL) layout support for languages like Arabic and Hebrew. Beyond text direction, the skill addresses bidirectional text support, layout mirroring, and CSS adjustments needed for RTL languages. You'll learn practical strategies for managing RTL-specific content and ensuring your UI adapts seamlessly when users switch between left-to-right and right-to-left languages.
What internationalization best practices does i18n-localization cover?
i18n-localization outlines a global app localization checklist and best practices for managing translations and regional variations. Key practices include maintaining a clear translation file structure, implementing locale detection and language switching mechanisms, and using pseudo-localization testing to validate translations before deployment. The skill emphasizes separating content from code and planning for scalability from the project's start.
How do I set up locale detection and switching in my web app?
i18n-localization provides setup guidance for detecting user locale and enabling language switching. The skill covers automatic locale detection from browser settings, URL parameters, and user preferences, then shows how to persist language choices. You'll learn configuration patterns for libraries like i18next and react-intl, including how to trigger re-renders when users switch languages and manage fallback locales when translations are incomplete.
What testing strategies does i18n-localization recommend?
i18n-localization covers internationalization testing strategies including pseudo-localization testing to validate translations across multiple locales before real translations arrive. The skill teaches how to test pluralization rules, number and currency formatting, date handling, and RTL layouts systematically. You'll learn validation techniques to catch missing translations, encoding issues, and locale-specific edge cases early in development.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Internationalization & Localization
Comprehensive guide for building globally-ready applications.
Key Concepts
Terminology
i18n (Internationalization):
- Engineering for multiple languages/regions
- Building the infrastructure
- Happens once, during development
L10n (Localization):
- Adapting for specific locale
- Translation, formatting, content
- Happens per locale, ongoing
Locale:
- Language + Region combination
- Format: language-REGION (e.g., en-US, pt-BR)
- Determines formatting rules
What Needs Localization?
| Category | Examples |
|---|---|
| Text | UI labels, messages, errors |
| Numbers | 1,234.56 vs 1.234,56 |
| Dates | MM/DD/YYYY vs DD/MM/YYYY |
| Times | 12-hour vs 24-hour |
| Currency | $1,234.56 vs €1.234,56 |
| Plurals | 1 item vs 2 items vs 5 items |
| Direction | LTR vs RTL |
(truncated - see the full file via the links below)
File tree — 1 file
skills/i18n-localization/SKILL.md
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 › “Add multi-language support and translations to an application”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Master the distinction between internationalization (i18n) and localization (l10n) to build globally-ready applications. This skill covers architecture patterns for organizing translation files, naming conventions for translation keys, and implementation examples across React, Vue, and Next.js frameworks. You'll also learn to handle complex scenarios like pluralization, date/number/currency formatting using the Intl API, and support for right-to-left languages.
This skill guides you through building a complete internationalization layer for frontend applications. It covers library selection, dictionary organization, provider configuration, and implementing locale-aware formatting for dates, numbers, and currency. You'll also learn to add language switching UI and support for plural rules across your app.
Internationalization guides you through launching and maintaining a site across multiple languages and regions. It covers five interconnected layers: URL structure (subfolders, subdomains, ccTLDs), content organization patterns, hreflang implementation, translation workflow design, and locale-specific UX decisions like currency, date formats, and RTL layout.
Localization-l10n guides you through adapting internationalized applications for specific regions, languages, and cultural contexts. It covers translation management with namespace organization, locale-specific formatting for dates and currency, RTL support, and regional feature handling like address formats and measurement units. The skill includes testing strategies, content delivery optimization, and integration patterns to ensure your app works seamlessly across global markets.
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.
Build multilingual Israeli applications with proper Hebrew language support. This skill covers plural forms, locale-aware date and number formatting, RTL-first CSS using logical properties, and bidirectional text algorithms for frameworks like React, Vue, Next.js, and Angular.
More skills Localization Engineer (unlicensed) · Laravel Internationalization And Translation (unlicensed) · internationalization-i18n (MIT) · localization (MIT) · software-localisation (MIT) · internationalization-i18n (Apache-2.0) · i18n-helper (MIT) · Internationalizing Websites (MIT)