メニュー
Use when designing UI for multi-language support. Covers text length variability, RTL support, date/number formats, and the technical patterns (i18n libraries, key-based translation).
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills-fleetsafety --skill internationalization-uiコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | internationalization-ui |
| description | Use when designing UI for multi-language support. Covers text length variability, RTL support, date/number formats, and the technical patterns (i18n libraries, key-based translation). |
i18n is a design constraint, not just a translation task.
German is 30% longer than English. Russian, French, Spanish similar. Design for variable text length — don't pixel-snap text widths.
Date formats (MM/DD/YYYY vs DD/MM/YYYY). Currency. Phone formats. Address fields. Don't assume US patterns.
Buttons that grow with text. Headlines that wrap gracefully. No fixed-height containers for translated content.
Source strings in code reference keys (i18n.t('signup.title')). Translation files (.json / .po). Translation memory.
Buttons too narrow for German. Date formats showing US format to EU users. Hard-coded strings in code (untranslatable). RTL ignored (Arabic / Hebrew users broken).
Applied across the X3 Compass design system.