unslop

Audits vibecoded, AI looking UI and redesigns it so it looks deliberate and product specific

About

unslop is an agent skill for Claude Code and Codex that turns AI generated looking interfaces into designed ones. The agent screenshots the screen, audits it against a list of common tells (purple gradients, glows, gradient text, emoji labels, uneven spacing, pulsing elements and more), decides how much to change, then fixes spacing, color, icons, copy, type, layout, details, visuals and motion in that order while keeping the product's features and content. It works on React, Tailwind, HTML and CSS for dashboards, apps and landing pages, and can generate a hero visual when an image tool is available. Licensed CC BY 4.0, free to use with credit.

Install

Works with Claude Code, Codex

Access

High

What this skill's own files let it touch on your machine and accounts. Access isn't a verdict: check the publisher and the security audits too.

Bundles scripts
Runs shell commands
Writes files in your project
Uses the network
No credentials needed

Mostly Markdown guidance and references. Bundles two Node scripts: snapshot.mjs saves a live page and a screenshot with Playwright, and story.mjs records a before and after walkthrough (ffmpeg optional). Network use is limited to loading the page you point it at. No credentials. Edits your UI files in place, so run it on a branch.

Reviewed from source on Nov 1, 2026. Read the files yourself before installing.