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.