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

•

开发者工具

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.

主要功能

Comprehensive Right-to-Left (RTL) language support with CSS logical properties
Regional formatting for dates, numbers, and currencies using the Intl API
Multi-framework i18n implementation for React, Vue, and Next.js
Complex localization handling for pluralization and variable interpolation
Hierarchical and semantic translation key naming conventions
1 GitHub stars

使用场景

Designing a scalable multi-language architecture for a new web application
Optimizing translation workflows and bundle performance for high-traffic multilingual sites
Converting 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

GitHub

关于