language-specialist

Manage i18n and l10n translations for the Raamattu Nyt monorepo.

Updated Dec 19, 2025
One-click install
npx skills add https://github.com/Spectaculous-Code/raamattu-nyt --skill language-specialist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: language-specialist
Source: https://github.com/Spectaculous-Code/raamattu-nyt/tree/main/.claude/skills/language-specialist
Command: npx skills add https://github.com/Spectaculous-Code/raamattu-nyt --skill language-specialist

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of internationalizing and localizing the Raamattu Nyt application, ensuring a consistent and high-quality multilingual user experience.

Core Features & Use Cases

  • Translation Management: Add, update, and manage translations across multiple languages and namespaces.
  • Language Support: Facilitates the addition of new languages, including locale-specific formatting for dates and numbers.
  • Use Case: When a new feature is developed, use this Skill to add all its UI strings to the relevant translation files and ensure they are correctly implemented using the useTranslation hook.

Quick Start

Add the Finnish translation key 'welcomeMessage' with the value 'Tervetuloa!' to the 'common' namespace.

Frequently Asked Questions about language-specialist

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

FAQPage Schema
How do I add new translations to a React i18n project?

To add translations in React i18n, you insert keys and values into relevant namespace files and consume them dynamically using the useTranslation hook. This ensures consistent multilingual content loading across the application.

What is the best way to support new languages in a React multilingual app?

Supporting new languages in a React multilingual app involves adding new locale files and configuring locale-aware formatting for dates and numbers. This ensures the application adapts its UI and formatting rules to the new target audience seamlessly.

How do I migrate React components to use the useTranslation hook?

Migrating React components to use the useTranslation hook involves replacing hardcoded strings with translation function calls. This dynamically loads content from defined namespaces, ensuring the UI adapts correctly to the selected locale.

How does react-i18next handle dynamic content loading and locale-aware formatting?

React-i18next handles dynamic content loading by fetching translation namespaces on demand, and it manages locale-aware formatting by applying region-specific rules for dates and numbers. This ensures users see correctly formatted localized data.

Can I use this approach to review translation quality and fix mismatches?

Yes, you can review translation quality and fix mismatches by validating the consistency between translation keys and their localized values across namespaces. This process identifies and corrects missing or incorrect translations within the monorepo.

What are the limitations of managing localization through namespaces?

Managing localization through namespaces requires careful organization to prevent key mismatches and missing translations across different languages. You must ensure every namespace is properly loaded and synchronized to avoid runtime rendering errors.