Install /reskin

One command. Copies the skill into your local Claude Code skills directory. Works on macOS and Linux. Requires git and (optionally, for the archetype validator) jq.

1. Run the installer

curl -fsSL https://raw.githubusercontent.com/ayushupneja/reskin/main/install.sh | bash

Or clone the repo and run install.sh manually. The script clones the repo to a temp directory and copies the skill/ contents to ~/.claude/skills/reskin/.

2. Restart Claude Code (or open a new session)

The Claude Code harness loads skills at session start. After installing, open a new terminal and run claude. Type / and confirm reskin appears in the autocomplete list.

3. Run it on a project

Open a Next.js project and invoke the skill:

cd ~/Projects/your-next-app
claude
> /reskin

Optional flag: /reskin --archetypes bloomberg-brutalist,crt-terminal,risograph-zine to pre-select archetypes instead of weighted-random sampling.

What it does

1. Reads your routes, git log, README, CLAUDE.md to identify the top 3 user-journey screens
2. Samples 10 of 28 baked-in design archetypes (weighted by 2-sec-cut recognizability, family-diverse)
3. Dispatches 10 parallel sub-agents — each generates hero + 2 supporting screens committed to one archetype
4. Slop-critic pass reviews and regenerates concepts where defaults leaked in
5. Scaffolds ~/Projects/<your-app>-reskin-lab/ as a standalone Next.js sandbox
6. Runs npm install, starts dev server on port 3001, opens browser to the gallery

Total runtime: about 10-15 minutes per project. Subsequent runs reuse the lab repo.

Requirements

• Claude Code installed
• A Next.js project (App Router or Pages). Vue/Svelte/Astro not yet supported.
• jq for the validator (brew install jq on macOS)
• Node.js 20+ for the generated lab repo

Source: github.com/ayushupneja/reskin · MIT