Reskin — Design skill for Claude Code
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
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 RepositoryRelated Skills
UX Image To Code
Take a design reference image (PNG/JPG/WebP), extract its dominant palette + canvas polarity + type signal via
Extract Design Tokens
Extract design tokens - colors, type, spacing, shadows - from a URL, screenshot, or CSS into CSS variables and
Site Design
Extract a website's design system into DESIGN.md using Firecrawl (colors, fonts, spacing, components)
Agent Tool Design
The Agent Tool Contract — 5 principles for designing tools agents call reliably: predictable signature, rich e
SaaS Illustration
SaaS product hero illustrations — real UI card × line-art scene × single accent color · Claude Code Skill
Figma Theme Sync
Pull Figma variable collections (colors, spacing, fonts, radius) and diff against auxi/src/theme/theme.ts to s
Related Agents
Design Copy Critic
Specialist critic · focuses ONLY on copy — voice match, buzzword scan per user's language.md, bilingual qualit
Audit Maps
GBP 25-field completeness audit, review intelligence, competitor radius mapping, and geo-grid ranking analysis
SEO Maps
Maps intelligence specialist. Geo-grid rank tracking, GBP profile auditing, review intelligence, cross-platfor