f0d010c

Stark Translate — Design skill for Claude Code

Design community

Translate a UI from one platform's idiom to another's — same product, different idiom — respecting target platform's HIG/Material/Fluent rather than pixel-cloning.

How to install Stark Translate

Installs to ~/.claude/skills/f0d010c-stark-stark-translate/SKILL.md

Terminal
mkdir -p ~/.claude/skills/f0d010c-stark-stark-translate && curl -fsSL https://raw.githubusercontent.com/f0d010c/stark/HEAD/commands/stark-translate.md -o ~/.claude/skills/f0d010c-stark-stark-translate/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Stark Translate does


description: Translate a UI from one platform's idiom to another's — same product, different idiom — respecting target platform's HIG/Material/Fluent rather than pixel-cloning. e.g., "translate this iOS Settings screen to Windows". argument-hint: "[from-platform] [to-platform] "

/stark-translate

Legacy Claude Code command. In Codex, ask:

Translate this Apple UI to Windows using stark.

Translate UI from `$1` (source platform) to `$2` (target platform), preserv

Alternatives in Design

  • Figma Implement Design — Translate Figma designs into production-ready code with pixel-perfect accuracy 14.6k ★
  • Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
  • Claude Design Card — Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and edito 461 ★

Full documentation available on GitHub

View Source Repository