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
Decision gist · record as of 2026-06-09
Internationalization-i18n helps you build multilingual web and mobile apps with proper locale support and RTL handling. 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.
Use it when
- internationalization-i18n teaches best practices including proper translation file organization, fallback language mechanisms.
- internationalization-i18n provides guidance on structuring translation files for scalability and maintainability.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
Mindrally/skills/internationalization-i18n
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 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)
File tree — 1 file
internationalization-i18n/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 › “Implement internationalization (i18n) for web and mobile applications”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
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.
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.
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 provides comprehensive guidance for adding multi-language capabilities to applications. It covers translation workflows, locale-aware formatting for dates and numbers, pluralization handling across languages, and support for right-to-left scripts. Learn to integrate popular i18n libraries, manage translation strings effectively, and implement language detection and switching.
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.
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.
More skills i18n-date-patterns (MIT) · internationalization-i18n (MIT) · internationalization (MIT) · localization-setup (MIT) · localization-toolkit (MIT) · i18n-expert (MIT)