Localization design
Skill Dragoon0x/everything-design-taste/skills/localization-design
Designing for multiple languages, RTL support, date/number formatting, and cultural considerations.From its SKILL.md
npx -y skills add Dragoon0x/everything-design-taste --skill localization-designAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.3 KB, 310 tokens by cl100k_base, as published. Nobody here has run it
Localization Design
Text Expansion
Translated text is often longer. Plan for it:
| Language | Expansion |
|---|---|
| German | +30-40% |
| French | +15-20% |
| Japanese | -10-20% (but taller) |
| Arabic | -10-20% (RTL) |
| Chinese | -30-50% (but taller) |
Design Rules
- Never hardcode text in images
- Avoid text in buttons that's right at the edge (needs expansion room)
- Don't use flags for language selection (flags = countries, not languages)
- Use auto-layout/flexbox (not fixed widths for text containers)
- Test with the longest translation, not just English
RTL Support
- Mirror the entire layout (not just text)
- Icons that imply direction must flip (arrows, not universal icons)
- Progress bars go right-to-left
- Navigation order reverses
Cultural Considerations
- Date formats: MM/DD/YYYY (US), DD/MM/YYYY (most of world), YYYY-MM-DD (ISO)
- Number formats: 1,000.00 (US/UK), 1.000,00 (Europe), 1 000,00 (France)
- Color meanings vary (red = luck in China, danger in West)
- Gestures: thumbs up is offensive in some cultures
- Name formats: given name first (West) vs family name first (East Asia)
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.