seeksaas-i18n

Manages multilingual app content with Parcel JS type-safe translations and runtime locale detection via URL, cookies, or headers.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/yyong008/seeksaas-template-react-router-v0.1 --skill seeksaas-i18n
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seeksaas-i18n
Source: https://github.com/yyong008/seeksaas-template-react-router-v0.1/tree/main/.claude/skills/seeksaas-i18n
Command: npx skills add https://github.com/yyong008/seeksaas-template-react-router-v0.1 --skill seeksaas-i18n

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of internationalizing your application, ensuring consistent and type-safe translations across multiple languages.

Core Features & Use Cases

  • Type-Safe Translations: Utilizes Paraglide JS to generate optimized, type-safe message functions from JSON translation files.
  • Multi-Locale Support: Manages translations for English (en) and Chinese (zh) with support for runtime detection via URL, cookies, or preferred language headers.
  • Use Case: Easily add new languages to your SaaS product or update existing translations for all supported locales without risking runtime errors.

Quick Start

Use the seeksaas-i18n skill to add a new translation key for 'new_feature_description' in both English and Chinese.

Frequently Asked Questions about seeksaas-i18n

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

FAQPage Schema
How do I add type-safe translations to my application?

Type-safe translations are generated by compiling JSON message files into optimized message functions using Paraglide JS. This process ensures compile-time validation for your translation keys, preventing runtime errors when adding new languages.

How does runtime locale detection work for internationalization?

Runtime locale detection identifies the user's preferred language by checking the URL, cookies, or preferred language headers. The detected locale is then passed to server-side middleware to integrate the correct translations dynamically.

What is the best way to manage JSON translation files for multiple locales?

Managing JSON translation files requires organizing your translation messages by module for each supported locale, such as English and Chinese. A Vite plugin then compiles these structured files into type-safe message functions.

Do I need a Vite plugin to compile internationalization messages?

Yes, a Vite plugin is required to compile your JSON message files into optimized, type-safe message functions. This compilation step is essential for enabling Paraglide JS compile-time type safety during development.

Can I use server-side middleware for application internationalization?

Server-side middleware integrates internationalization by handling runtime locale detection and passing the correct language context to your application. This setup supports managing translations for multiple locales like English and Chinese.

Why use compile-time type safety for application translations?

Compile-time type safety prevents runtime errors by validating translation keys and message structures before execution. Using Paraglide JS ensures that adding or updating translation keys for multiple locales remains consistent and error-free.