i18n-localization
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-localization helps you add multi-language support to your app with translation management and RTL handling.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-26
i18n-localization helps you add multi-language support to your app with translation management and RTL handling. 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.
Use it when
- i18n-localization covers detection techniques to identify hardcoded strings that should be externalized into translation files.
- i18n-localization includes guidance on adding right-to-left language support for Arabic, Hebrew, and other RTL languages.
Verify before relying
Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.
Install
vudovn/ag-kit/i18n-localization · repository language: TypeScript
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 internationalize my app with i18n-localization?
i18n-localization teaches you to build multilingual applications by establishing translation infrastructure and externalizing hardcoded text. Start by organizing translation files by language, set up a localization library (React-i18next, next-intl, or gettext for Python), and implement locale-aware formatting for dates and numbers. The skill covers patterns for major frameworks and ensures your app handles multiple regions and writing systems properly.
What's the best way to detect hardcoded strings in code?
i18n-localization covers detection techniques to identify hardcoded strings that should be externalized into translation files. Use static analysis tools and code scanning to find UI text, error messages, and labels embedded directly in your source. The skill teaches you systematic approaches to audit your codebase before implementing localization, ensuring no translatable content is missed during the migration to i18n.
How can i18n-localization help with RTL support?
i18n-localization includes guidance on adding right-to-left language support for Arabic, Hebrew, and other RTL languages. Learn CSS techniques for layout mirroring, text direction handling, and UI component adjustments needed for RTL contexts. The skill covers both styling approaches and framework-specific patterns to ensure your application displays correctly across all writing systems.
How should I organize translation files across languages?
i18n-localization teaches translation file structure and management strategies for multiple languages. Learn about namespacing conventions, locale fallback configuration, and best practices for organizing keys hierarchically. The skill covers how to structure files for scalability, implement locale-specific overrides, and handle missing translations gracefully to maintain consistency across your multilingual codebase.
Does i18n-localization cover date and number formatting?
Yes, i18n-localization includes techniques for formatting dates and numbers according to locale standards. Learn how to apply locale-specific formatting rules so dates, times, currencies, and decimal separators display correctly for each region. The skill teaches both framework-built-in solutions and manual formatting approaches to ensure your application respects user locale preferences.
What frameworks and tools does i18n-localization cover?
i18n-localization teaches patterns for React (react-i18next), Next.js (next-intl), and Python (gettext). Learn setup procedures, configuration best practices, and implementation patterns specific to each framework. The skill also covers translation key management, pluralization handling, ICU message format for complex strings, and locale configuration—providing a comprehensive checklist before shipping your multilingual application.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
i18n & Localization
> Internationalization (i18n) and Localization (L10n) best practices.
1. Core Concepts
| Term | Meaning |
|---|---|
| i18n | Internationalization - making app translatable |
| L10n | Localization - actual translations |
| Locale | Language + Region (en-US, tr-TR) |
| RTL | Right-to-left languages (Arabic, Hebrew) |
2. When to Use i18n
| Project Type | i18n Needed? |
|---|---|
| Public web app | ✅ Yes |
| SaaS product | ✅ Yes |
| Internal tool | ⚠️ Maybe |
| Single-region app | ⚠️ Consider future |
| Personal project | ❌ Optional |
3. Implementation Patterns
React (react-i18next)
import { useTranslation } from 'react-i18next';
function Welcome() {
const { t } = useTranslation();
return <h1>{t('welcome.title')}</h1>;
}
(truncated - see the full file via the links below)
File tree — 2 files
.agents/skills/i18n-localization/SKILL.md
.agents/skills/i18n-localization/scripts/i18n_checker.py
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 and localization in an application”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
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.
This skill equips frontend developers with patterns for adding internationalization to React applications, covering translation hooks, locale-sensitive formatting for currency and lists, date handling with dayjs, and bidirectional text support. It provides bundled references for ICU MessageFormat pluralization, the Trans component for rich text, and implementation checklists to ensure all user-facing content respects locale conventions.
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.
Master the distinction between internationalization (i18n) and localization (l10n) to build globally-ready applications. This skill covers architecture patterns for organizing translation files, naming conventions for translation keys, and implementation examples across React, Vue, and Next.js frameworks. You'll also learn to handle complex scenarios like pluralization, date/number/currency formatting using the Intl API, and support for right-to-left languages.
Build multilingual Israeli applications with proper Hebrew language support. This skill covers plural forms, locale-aware date and number formatting, RTL-first CSS using logical properties, and bidirectional text algorithms for frameworks like React, Vue, Next.js, and Angular.
This skill guides you through building a complete internationalization layer for frontend applications. It covers library selection, dictionary organization, provider configuration, and implementing locale-aware formatting for dates, numbers, and currency. You'll also learn to add language switching UI and support for plural rules across your app.
More skills internationalization-i18n (MIT) · internationalization-i18n (MIT) · i18n-localization (MIT) · Laravel Internationalization And Translation (unlicensed) · i18n (MIT) · localization-l10n (Apache-2.0)