internationalization-i18n
This skill guides you through implementing internationalization across web and mobile applications using industry-standard libraries like i18next and expo-localization. Learn to organize translation files, handle locale-aware formatting for dates and currency, support right-to-left layouts, and manage language preferences without page reloads.
Internationalization-i18n helps you build multilingual web and mobile apps with proper locale support and RTL handling.
AI-generated summary based on this skill's SKILL.md
Install
Mindrally/skills/internationalization-i18n
git clone https://github.com/Mindrally/skills
cp -r skills/internationalization-i18n ~/.claude/skills/internationalization-i18nFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I implement i18n in React applications?
internationalization-i18n guides you through setting up i18n in React using industry-standard libraries like i18next. The skill covers organizing translation files, configuring language detection, and integrating locale-aware formatting for dates and currency. You'll learn to enable language switching without page reloads and persist user language preferences across sessions.
What are internationalization best practices for web apps?
internationalization-i18n teaches best practices including proper translation file organization, fallback language mechanisms, and locale-aware formatting. The skill emphasizes handling text expansion in translations, supporting right-to-left layouts for Arabic and Hebrew, and implementing pseudolocalization testing to validate translations across different locales before deployment.
How do I set up multi-language support with translation file organization?
internationalization-i18n provides guidance on structuring translation files for scalability and maintainability. Learn how to organize language resources, implement fallback language mechanisms, and configure language detection. The skill covers both web frameworks like Next.js and Nuxt.js, and mobile platforms using expo-localization for React Native applications.
How can I format dates, numbers, and currency by locale?
internationalization-i18n teaches locale-aware formatting using JavaScript's Intl API and specialized libraries. Master currency formatting by locale, date formatting according to user regions, and string sorting with Intl.Collator. The skill ensures your application displays financial and temporal data correctly for every user's locale.
What's involved in supporting right-to-left layouts?
internationalization-i18n covers RTL layout implementation for languages like Arabic and Hebrew, including CSS techniques and framework-specific approaches. Learn to handle text direction, mirror UI components, and manage bidirectional text properly. The skill addresses both web and mobile RTL support to ensure professional localization.
How do I test and validate translations across locales?
internationalization-i18n guides you through translation testing strategies including pseudolocalization to identify missing translations and text expansion issues. Learn validation techniques for different locales, testing frameworks, and quality assurance practices to ensure translations work correctly before release across all supported languages.
SKILL.md
rendered from the published skill — quoted content, verbatim
Internationalization (i18n)
You are an expert in internationalization for web and mobile applications. Apply these guidelines to ensure applications can be easily adapted for different languages, regions, and cultures.
Core Principles
- Write concise, technical TypeScript code with accurate examples
- Use functional and declarative programming patterns; avoid classes
- Ensure all user-facing text is internationalized and supports localization
- Use descriptive variable names with auxiliary verbs (isLoading, hasError)
- Design for text expansion (some languages require 30-50% more space)
Web Application i18n
React/Next.js Applications
- Use i18next and react-i18next for web applications
- Implement namespace-based translation organization
- Use interpolation for dynamic values in translations
- Leverage pluralization features for count-based text
- Implement context-based translations where needed
Implementation Pattern
```typescript // Use translation hooks const { t } =
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
internationalization-i18n/SKILL.md