repowiserepowise

Agent skill

heydamir / unslop

A Claude skill that turns vibecoded, AI-looking UI into a designed interface

★ 15,882stars on GitHubJavaScriptCC-BY-4.0
Install unslopView on GitHub★ 15.9kSee this for your own repo

Repowise maps public repos from their source. Not affiliated with heydamir. What is Repowise?

github.com/heydamir/unslopIndexed at 97daa3e

What is unslop?

unslop is a Claude Code skill for turning vibecoded, AI-looking user interfaces into designed ones with their own character. It first audits the screen for generic signs of slop such as purple gradients, glows, emoji labels, shouty copy and uneven spacing. It then sets a direction taken from the product itself and applies an ordered set of polish passes. It works with JavaScript-based stacks such as Next.js, React, Vue, Svelte and Tailwind, as well as plain HTML and CSS. To install it, run git clone https://github.com/heydamir/unslop.git and follow the steps below. Its code health is 8.9 out of 10 (Excellent). The last commit to unslop was on Nov 8, 2026, and 6 people have contributed.

As of commit 97daa3e, indexed Nov 10, 2026. What it is comes from a model reading the README; the rest is measured from the source and git history, not from the maintainer.

For agentsunslop.md

Repo facts: type, license, health, rank, contributors
unslop facts
TypeAgent skill
LicenseCC-BY-4.0
Code health8.9 / 10 (Excellent)
Health rankNot ranked (leaderboards need 100+ files)
Last commitNov 8, 2026
Contributors6
Bus factor2
Size14 files, 828 lines

Install unslop

Commands copied from the README

  1. 1Clone the unslop repository.
    git clone https://github.com/heydamir/unslop.git
  2. 2Copy the skill folder into your Claude Code skills folder after cloning the repository.
    mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/
  3. 3Install Playwright in the project directory where you run the skill, for live site snapshots and story videos.
    npm install -D playwright
  4. 4Install the Chromium browser for Playwright.
    npx playwright install chromium

Full install notes on GitHub

How to use unslop

  1. 1In Claude Code, ask for the change you want on a screen.
    /unslop this dashboard

Ask about unslop

Answers come from unslop's README and source, with the files they cite. Two free answers a day without an account.

Want this for your own codebase? Map your repo free

About this page

Get a page like this for your own codebase

Repowise built this map of heydamir/unslop from its source and git history. It parses every symbol, draws the dependency graph, scores each file's health from complexity, duplication, coverage and churn, finds hotspots and owners in the history, and writes documentation for every module. Your coding agent reads the same index over MCP, so its answers cite real files.

Free for 2 public repos, with a page like this one. No card. See how Repowise works

Prefer local? pip install repowise && repowise init indexes your own checkout, no account needed. Star Repowise on GitHub

heydamir/unslop FAQ

What does unslop do?

unslop audits an existing product interface for generic AI-style design, sets a direction from the product, and applies ordered polish passes to fix it. It can also add generated visuals and a short story video of the screen. It runs as a skill for Claude Code, Codex and Google Antigravity.

How do I install unslop?

unslop is installed by copying its skills/unslop folder into your agent's skills folder, such as ~/.claude/skills for Claude Code. For a single project, you can copy it into the .claude/skills folder inside that project instead. See the install steps

Which coding agents does unslop work with?

unslop works with Claude Code, Codex and Google Antigravity. In Claude Code you type /unslop, and in Codex you type $unslop, or you can describe the request in plain words and the agent selects the skill.

What does unslop change in my project?

unslop revises the interface code of the screen you point it at, applying its polish passes in order. It also reports where each sign of slop was found. Generated imagery and a story video are added only when you request them.

What license does unslop use?

unslop uses the CC-BY-4.0 license.

Ask about this code in your agent

This connects Repowise to unslop's code. It does not install unslop. To install unslop, use the install steps.

Useful if you want to change or fork unslop: your agent can ask how it is put together and get answers that cite its files.

Show the connect command (Claude Code, Cursor, Codex, VS Code)

Run it in a terminal, then type /mcp in Claude Code and sign in with Repowise. No key to paste.

Docs
bash
claude mcp add --transport http repowise https://api.repowise.dev/mcp/heydamir/unslop
Claude Code, Claude, Cursor and VS Code sign you in on first use, free. Codex and Windsurf need an API key: sign in to create one.Sign in for a key

This repo is public, so anyone with a free Repowise account can connect.

Try asking

  • get_risk(["skills/unslop/scripts/snapshot.mjs"])
  • get_answer("how is unslop put together?")
  • get_why("why is unslop structured this way?")

Key features of unslop

  • It audits the screen and lists every sign of slop with where it lives.
  • It sets a direction from your product, including its character, world, color moments and a signature detail.
  • It applies polish passes in order: spacing, color, icons, copy, type, layout, details, visuals and motion.
  • It can generate imagery through an image service such as fal, Replicate, OpenAI images or Higgsfield, and asks before every paid generation.
  • It can create a square story video of your screen being unslopped, using Playwright and ffmpeg.

How heydamir/unslop works

You copy the skills/unslop folder into your Claude Code skills folder, then type /unslop with what you want changed, or ask in plain language and Claude picks the skill up. The SKILL.md file in that folder holds the instructions the agent follows for the audit, direction, and passes. The scripts folder contains story.mjs, which produces the square story video of the screen being unslopped when Playwright and ffmpeg are available. unslop returns a revised interface and a list of where each sign of slop was found.

Code health is 8.9 out of 10, rated excellent.