Which frameworks does this skill support?

It provides implementation patterns for major modern frameworks including React (react-i18next), Vue (vue-i18n), and Next.js (next-intl).

What is the difference between i18n and l10n?

i18n (Internationalization) is the engineering task of making an app capable of supporting multiple languages, while l10n (Localization) is the actual process of translating and adapting content for a specific locale.

Can it help with performance optimization?

Yes, the skill includes strategies for lazy loading translation bundles and using namespace splitting to minimize the initial load time of your application.

How does it handle complex translations?

It covers advanced scenarios like pluralization rules, variable interpolation, and nested translations to ensure grammatical correctness across different languages.

Does it support RTL languages like Arabic?

Yes, it includes detailed guidance on RTL support using HTML attributes, CSS logical properties, and UI mirroring techniques.

Internationalization & Localization (i18n/l10n)

Name: Internationalization & Localization (i18n/l10n)
Author: miles990

bymiles990

•

Developer Tools

Implements scalable internationalization and localization architectures for building globally accessible multilingual software applications.

This skill provides comprehensive guidance for making software globally accessible by separating content from application logic. It covers best practices for i18n/l10n architecture, including hierarchical key naming, framework-specific implementations for React, Vue, and Next.js, and complex translation logic like pluralization and interpolation. Developers can leverage this skill to handle regional formatting for dates, currencies, and numbers, as well as Right-to-Left (RTL) language support and performance optimization through lazy loading, ensuring a seamless user experience across diverse cultural and linguistic contexts.

Key Features

01Comprehensive Right-to-Left (RTL) language support with CSS logical properties

02Regional formatting for dates, numbers, and currencies using the Intl API

03Multi-framework i18n implementation for React, Vue, and Next.js

04Complex localization handling for pluralization and variable interpolation

05Hierarchical and semantic translation key naming conventions

061 GitHub stars

Use Cases

01Designing a scalable multi-language architecture for a new web application

02Optimizing translation workflows and bundle performance for high-traffic multilingual sites

03Converting a hard-coded monolingual project into a localized global product

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add miles990/claude-software-skills internationalization

For use in Claude.ai and ChatGPT

Download Skill