unslop

77 / 100 · Review before installing

Check before installing.

By heydamir/unslop (GitHub) · design · 13,314 stars · scanned at commit 97daa3e

Turns vibecoded, AI-looking UI into a designed interface with its own character. Finds a direction from the product itself, then fixes spacing, color, icons, copy, type, layout, details, visuals and motion in that order, and can generate a real hero visual with an image tool when one is available. Use when the user asks to unslop, polish, clean up or redesign a screen so it stops looking AI-generated, or when a UI shows the usual tells like purple gradients, glows, gradient text, emoji labels, …

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 3 places.

skills/unslop/scripts/snapshot.mjs, line 53console.error("Playwright is not installed. In your project, run `npm install -D playwright` followed by `npx playwright install chromium`.");
skills/unslop/scripts/story.mjs, line 26console.error("Playwright is not installed. In your project, run `npm install -D playwright` followed by `npx playwright install chromium`.");
skills/unslop/scripts/story.mjs, line 34console.error("ffmpeg is not installed. Install it to render the video, for example `brew install ffmpeg`.");

Connects to the internet

The author does not mention this.

Found in 2 places.

skills/unslop/scripts/snapshot.mjs, line 100fetch(href)
skills/unslop/scripts/snapshot.mjs, line 134text = await fetch(sheet.href).then((response) => (response.ok ? response.text() : "")).catch(() => "");

Runs commands on your computer

This is disclosed by the author in the skill's SKILL.md or README.

Found in 3 places.

skills/unslop/scripts/story.mjs, line 4import { execFileSync } from "node:child_process";
skills/unslop/scripts/story.mjs, line 32execFileSync("ffmpeg", ["-version"], { stdio: "ignore" });
skills/unslop/scripts/story.mjs, line 499execFileSync("ffmpeg", ["-y", "-loglevel", "error", "-framerate", String(FPS), "-i", join(frames, "f-%05d.jpg"), "-vf", `scale=${FRAME.width * 2}:${FRAME.height

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

100 Low riskunslopjsartisan/frontend-challenges · 90 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'unslop' ] || [ -L ~/.agents/skills/'unslop' ]; then echo 'A skill folder named unslop already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/heydamir/unslop' "$d" && git -C "$d" checkout --quiet '97daa3eb365670ea3f87ed85356cbfcee18105a5' -- 'skills/unslop' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/unslop' ~/.agents/skills/'unslop' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'unslop' ~/.claude/skills/'unslop' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for heydamir/unslop shows the score of its lowest-scoring skill.

SkillTrust badge for heydamir/unslop

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/heydamir/unslop.svg)](https://zalavijaysinh.github.io/skilltrust/repos/heydamir/unslop/)

Score history

Date	Version	Score
2026-11-10	`97daa3e`	77
2026-11-08	`a6f121e`	77
2026-11-06	`a6f121e`	77