mcpField
L
localization-design

localization-design

github.com/podoDesign & UI30166 installsUpdated 4d ago
Repository

About localization-design

localization-design is a design guidance skill for interfaces supporting multiple locales. It focuses on layout, typography, formatting, and cultural considerations that affect localized UI, rather than translating interface copy.

Key features

  1. 01Plan language-specific text expansion
  2. 02Design full right-to-left layouts
  3. 03Choose typography for non-Latin scripts
  4. 04Use logical CSS properties
  5. 05Apply locale-aware date and number formats
  6. 06Consider cultural color and icon meanings

Use cases

  1. 01Prepare UI layouts for multiple languages
  2. 02Adapt an interface for right-to-left locales
  3. 03Review typography and spacing for localized text
  4. 04Account for regional formats and visual conventions

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill localization-design

After installing, type/localization-designin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

localization-design

Catalogue stub — full skill: Owl-Listener/designer-skills

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/localization-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/localization-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as localization-design, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/localization-design ] && echo "global" || echo "project"

    Global:

    npx skills add Owl-Listener/designer-skills --skill localization-design -g -y

    Project:

    npx skills add Owl-Listener/designer-skills --skill localization-design -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Claude Code plugin route:

/plugin marketplace add Owl-Listener/designer-skills
/plugin install design-systems@designer-skills

Heads-up

  • License: MIT

Invoke after install

  • Skill name: localization-design
  • Trigger phrases: "localization design", "RTL layout design", "text expansion design", "internationalization design", "right-to-left UI"

What it does

Design guidance for shipping an interface in more than one locale. Covers the failure modes generic agents miss: text-expansion budgets per language (German, French, Finnish and others), full RTL layout mirroring (what flips and what does not, including icons), non-Latin script typography, margin-inline-start-style logical properties, locale-aware date, time and number formats, and culturally loaded color and icon meanings. It covers localization-design; for the words themselves it defers to a UX writing skill.

When NOT to use

  • Pure string/i18n plumbing (use an i18n library, not a design skill)
  • General accessibility audits → use wcag-audit-patterns or fixing-accessibility
  • The wording of interface copy itself (use ux-writing-skill)

Comments

Markdown supported