SKILL.md

---
name: locale-aware-theme-adaptation
description: Adapt a complete current Theme Generator theme for a target language, region, and writing system. Trigger when the user asks to localize a theme, preview it in another language, tune typography for Latin, CJK, Devanagari, or another script, or prepare a locale-specific variant. Preserve the brand, use system or web-safe fonts, state translation limitations, and never claim full RTL layout support from the current widget.
---

# Locale-Aware Theme Adaptation

## Inputs

Require:

- a complete source theme from the latest `display-theme` result or
  `widgetState.modelContent`;
- a target language or locale.

Use region, audience, tone, formality, and approved translations when supplied.
Ask for the target locale when it is missing because that choice materially
changes the result.

## Workflow

1. Treat model-visible widget state as the authoritative source theme.
2. Identify the target language, region, script, expected text expansion, and
   tone. Preserve the brand name unless the user requests localization.
3. Adapt all demonstration-site copy naturally:
   - keep one to four concise navigation labels;
   - retain the intended hierarchy across eyebrow, title, subtitle, and body;
   - use short, idiomatic action labels;
   - provide exactly three feature cards;
   - preserve the source meaning rather than translating word for word.
4. Select system or web-safe heading, body, and monospace stacks that support
   the target script. Do not introduce remote font dependencies.
5. Tune display, base, and small sizes; line height; letter spacing; and, when
   justified, font weights for the target script:
   - avoid negative tracking for scripts where it harms readability;
   - allow more line height for dense or vertically complex glyphs;
   - account for language expansion without shrinking text unnecessarily.
6. Preserve colors, spacing, radii, and shadows unless a change is necessary
   for legibility or the user requests a broader cultural adaptation.
7. Keep every value within the current `display-theme` schema and invoke
   `display-theme` with the complete locale-adapted theme.

## Deliverable

After displaying the adapted theme, summarize:

- localized content and tone decisions;
- font-stack and typography changes;
- preserved brand decisions;
- translation or cultural-review caveats.

## Boundaries

- Do not present generated copy as certified professional, legal, or cultural
  localization.
- The current theme contract has no text-direction field. For an RTL language,
  explain that the widget cannot validate or demonstrate a fully mirrored RTL
  layout; provide only the supported content and typography adaptation unless
  the user requests separate app changes.
- Do not claim to inspect external locale files, websites, or translation
  systems.