Reading the repo
Reading the repo
Assembly instructions
A Claude skill that turns vibecoded, AI-looking UI into a designed interface
Saved setup from 11 h ago
Will it work on my device?
For Claude Code, copy the skill into your skills folder.
git clone https://github.com/heydamir/unslop
mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/
For a single project, copy it into .claude/skills/ inside that project instead.
For Codex, ask it to install the skill straight from this repo.
$skill-installer install https://github.com/heydamir/unslop/tree/main/skills/unslop
Or copy it by hand into ~/.agents/skills/, or into .agents/skills/ inside a single project.
git clone https://github.com/heydamir/unslop
mkdir -p ~/.agents/skills && cp -r unslop/skills/unslop ~/.agents/skills/
To snapshot a live site or create a story video, install Playwright and its Chromium browser from the project directory where you run the skill:
npm install -D playwright
npx playwright install chromium
Story videos also require ffmpeg installed and available on your PATH.
Then run bash setup.sh. It stops at the first error and is safe to run again. Servers and tests aren't started; it lists them at the end. Read it first.
Needs Git: xcode-select --install
git clone https://github.com/heydamir/unslop.git cd unslop
Node.js
brew install node
In the maintainers' order. Do the README instructions above first — they cover steps outside the terminal.
mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/ $skill-installer install https://github.com/heydamir/unslop/tree/main/skills/unslop mkdir -p ~/.agents/skills && cp -r unslop/skills/unslop ~/.agents/skills/ npm install -D playwright npx playwright install chromium
No reports for macOS yet.
Claude reads the 1 key files and writes a step-by-step guide for macOS. Once written, it's saved for everyone.