unslop: turn AI-looking UI into a designed interface
A Claude skill that reviews a vibecoded screen like a designer: it lists the tell-tale AI touches, proposes a direction from your own product, then fixes spacing, colour, icons, copy, type and layout pass by pass. Works on dashboards, apps, landing pages, or a live site from a link.
In short: A Claude skill that reviews a vibecoded screen like a designer: it lists the tell-tale AI touches, proposes a direction from your own product, then fixes spacing, colour, icons, copy, type and layout pass by pass. Works on dashboards, apps, landing pages, or a live site from a link. It is a free skill for people who use Claude Code and want help with coding agent skills.
Real videos made with this skill, credited to their creators. Hover to preview.
APP DEMO0:07
unslop: an AI-looking landing page redesigns itself
The author's 8-second demo: a purple, glowing AI-made invoicing landing page is marked up element by element and turns into a calm dark design with its own paper-plane hero, the before/after clip the skill can record for you.
Install command copied from the project README. Check the README for the latest version.
What it does
A Claude skill that reviews a vibecoded screen like a designer: it lists the tell-tale AI touches, proposes a direction from your own product, then fixes spacing, colour, icons, copy, type and layout pass by pass. Works on dashboards, apps, landing pages, or a live site from a link.
unslop first lists every sign of AI-made UI on the screen and where it lives: purple gradients, glows, emoji labels, shouty copy, uneven spacing. It then proposes a direction drawn from your product (character, the one…
/unslop the hero of my landing page and make the story video so I can post it
/unslop the hero of my landing page and make the story video so I can post it
From the original post, credited below.
Step by step
Open the GitHub repo and look at the before/after frames.
Clone it and copy the skill: git clone https://github.com/heydamir/unslop, then cp -r unslop/skills/unslop ~/.claude/skills/ (or into .claude/skills/ for one project).
Restart Claude Code and type /unslop this dashboard (or the page or URL you want fixed).
Read the audit and the proposed direction, steer it, then let it apply the passes. Install Playwright and ffmpeg if you also want the short before/after clip.
Watch out for
Made for Claude Code; other agents need the skill folder copied by hand. It edits your UI files, so work on a branch. Image generation is optional and costs money on the service you connect. The README also advertises the author's paid design service; you don't need it to use the skill.
A Claude skill that reviews a vibecoded screen like a designer: it lists the tell-tale AI touches, proposes a direction from your own product, then fixes spacing, colour, icons, copy, type and layout pass by pass. Works on dashboards, apps, landing pages, or a live site from a link.
Which AI agents can use unslop?
It works with Claude Code. The code is on GitHub at heydamir/unslop.
Is unslop free?
Free (CC BY 4.0: free to use and change, credit the author). Runs with the Claude plan you already pay for. Optional hero images go through a paid image service you connect yourself, and it asks before each one. License: CC-BY-4.0.
How do I install unslop?
Run the install command from the README: “git clone https://github.com/heydamir/unslop”. Check the README on GitHub for the latest version, then follow the steps on this page.
Is unslop safe to install?
We read 9 instruction and code files in the repo and found no red flags. That is not a guarantee, so review anything that runs commands on your machine.
CleanYourTV: your agent removes the ads from your TV
Your coding agent connects to an Android or Google TV over Wi-Fi, switches off the ad and tracking apps, and puts in a clean, Apple TV-style home screen. Nothing is uninstalled.
Claude Code +2★ 14.8k
SKILL
ECC: a full work system for your coding agent
One install gives your agent a plan, test, build, review and remember routine, with 71 helper agents, about 300 skills, memory between sessions and a built-in scanner for risky agent settings.
Claude Code +3★ 285.3k
SKILL
Superpowers: plan, test and debug before coding
A skills framework that makes agents brainstorm, plan, test and debug systematically.
Claude Code +1★ 299.2k
SKILL
Matt Pocock's engineering skills
Real engineering skills from a well-known TypeScript educator's own .agents folder.
Claude Code +1★ 291.4k
SKILL
Ponytail: make your agent write less code
A skill that pushes coding agents to act like a lazy senior: fewer lines, more tests, lower cost — without skipping the hard checks.
Claude Code +2★ 164.8k
SKILL
Agency Agents: a full AI agency roster
Specialist agent personas for engineering, design, marketing, sales and support you can drop into Claude Code, Codex or Cursor.
Claude Code +2★ 160.4k
Free newsletter
Friday Picks
New AI tools you can use right away, in plain words. Every Friday.