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
Install
travisjneuman/.claude/i18n-localization · repository language: JavaScript
git clone https://github.com/travisjneuman/.claude
cp -r .claude/skills/i18n-localization ~/.claude/skills/i18n-localizationFrequently 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)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
skills/i18n-localization/SKILL.md