nextjs-cjk-i18n-typography

What problem does it solve?

This Skill addresses common visual and functional issues that arise when integrating CJK (Chinese, Japanese, Korean) languages into Next.js applications using next-intl, ensuring a polished and accurate user experience.

Core Features & Use Cases

• Conditional Font Sizing: Adjusts font sizes to prevent CJK text from appearing oversized compared to Latin text.
• lang Attribute Escape Hatch: Prevents CJK font styles from incorrectly applying to Latin text elements like signatures or brand names.
• Text Wrapping Control: Manages text wrapping behavior for CJK headings to ensure they fit on a single line when appropriate.
• Locale Switching Reliability: Implements a robust method for locale switching that avoids redirect loops caused by stale cookies.
• Path Matching: Ensures route-based visibility logic correctly handles locale-prefixed URLs.
• Mobile Spacing: Optimizes spacing for CJK text on mobile devices.
• Use Case: A Next.js e-commerce site needs to display product titles and descriptions accurately in Japanese, Chinese, and English. This skill helps ensure headings are legible, brand names remain in their original font, and the language switcher functions flawlessly.

Quick Start

Use the nextjs-cjk-i18n-typography skill to adjust font sizes for CJK text in your Next.js application.