TaewoooPark

Reskin — Design skill for Claude Code

Design community

Extract a measured design signature (type ramp, accent + its budget, grid unit, radius, layout) from a reference image or site, write it to signature.json, and drive the build to match it — "steal thi.

How to install Reskin

Installs to ~/.claude/skills/taewooopark-uiforge-reskin/SKILL.md

Terminal
mkdir -p ~/.claude/skills/taewooopark-uiforge-reskin && curl -fsSL https://raw.githubusercontent.com/TaewoooPark/UIForge/HEAD/commands/reskin.md -o ~/.claude/skills/taewooopark-uiforge-reskin/SKILL.md

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

What Reskin does


description: Extract a measured design signature (type ramp, accent + its budget, grid unit, radius, layout) from a reference image or site, write it to signature.json, and drive the build to match it — "steal this vibe" as a spec, not pixels. argument-hint: "[path to a reference image, or a URL to screenshot]"

Turn the reference in **$ARGUMENTS** into a UIForge **signature** — the concrete spec the gate then enforces. The point is to escape the model's median prior by pinning the build

Alternatives in Design

  • Kode Agent — Kode Agent — Design for post-human workflows 5k ★
  • Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★
  • Deepen — Spare-budget design pass 1.1k ★

Full documentation available on GitHub

View Source Repository