mobile-i18n

Configure i18n libraries for React Native/Expo or Flutter with locale detection and RTL support.

2|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-i18n
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-i18n
Source: https://github.com/TMHSDigital/Mobile-App-Developer-Tools/tree/main/skills/mobile-i18n
Command: npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-i18n

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured approach to adding robust internationalization to React Native/Expo and Flutter apps, covering language detection, RTL support, translation workflows, and locale-aware formatting.

Core Features & Use Cases

  • Framework-agnostic i18n setup for React Native (Expo) or Flutter projects.
  • Library integration with i18next/react-i18next, react-intl, or flutter_localizations to manage translations and pluralization.
  • Locale detection and RTL support with automatic layout adjustments and a simple language switcher for end users.
  • Translation file structure and formatting guidance for nested keys, ICU pluralization, and date/number formatting.
  • CI-assisted localization workflows to extract and validate translations across locales.

Quick Start

Install and configure the chosen i18n solution in your React Native/Expo or Flutter project and wire up en with at least one additional locale to demonstrate localization.

Frequently Asked Questions about mobile-i18n

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add internationalization to a React Native or Flutter app?▼

To add internationalization to mobile apps, this skill structures translation files and integrates i18n libraries like i18next or flutter_localizations, handling locale detection, pluralization, and formatting across target locales.

How do I implement RTL support for Arabic or Hebrew in React Native?▼

Implementing RTL support in React Native involves configuring your i18n library to detect RTL locales and applying automatic layout adjustments, which this skill sets up alongside a simple language switcher for end users.

What is the best way to structure translation files for ICU pluralization in mobile apps?▼

The best way to structure translation files for ICU pluralization is to organize nested keys per locale, which this skill sets up to handle complex pluralization and locale-specific date or number formatting efficiently.

Can I use react-intl with Expo for locale detection and language switching?▼

Yes, you can use react-intl with Expo for locale detection and language switching. This skill configures library integration with react-intl to manage translations and wire up a default locale with target languages.

How do I set up a CI-assisted localization workflow to validate translations?▼

Setting up a CI-assisted localization workflow involves extracting and validating translation strings across locales, which this skill implements to ensure translation files remain synchronized and correctly formatted across your mobile project.

Does flutter_localizations handle locale-specific date and number formatting automatically?▼

Yes, flutter_localizations handles locale-specific date and number formatting automatically. This skill configures flutter_localizations to manage these formatting rules alongside pluralization and RTL support in Flutter apps.