←Leaderboard/Design/unslop
Last commit on November 1, 2026·Created on October 29, 2026

heydamir/unslop

“Redesign AI-generated interfaces with a visual direction.”
Combined rank
#72
across all skills
In Design
#12
category rank
Stars
9.2k
7d change unavailable
Forks
459
Watchers
11
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

Unslop acts as a digital redline pass for frontend engineers and product designers. It identifies common AI aesthetic tells—such as purple gradients, glossy blobs, and uneven spacing—and systematically replaces them with professional design standards.

The skill analyzes the product's core purpose to establish a visual direction, then iteratively corrects spacing, color, typography, and layout. It transforms raw React, Tailwind, HTML, and CSS prototypes into structured interfaces for dashboards, apps, and landing pages.

WHO IT'S FOR
Frontend engineers
polishing AI-generated React and Tailwind UI
Product designers
refining AI prototypes into high-fidelity designs
Solo founders
cleaning up AI-generated landing pages and apps
UI/UX engineers
standardizing spacing and visual hierarchy in dashboards
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

I’m using

Claude Code: user-wide

Installs: Install the unslop skill into ~/.claude/skills/. · Claude Code

  1. Run this complete command block in a terminal to clone the repository and copy unslop into your Claude Code skills folder.

    git clone https://github.com/heydamir/unslop
    mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/
README.md ↗ · Checked Nov 5, 2026

Give it something to do.

Suggested first task

Audit one screen and propose a direction

Uses unslop

  • An accessible project and the specific screen or route to review.
Use unslop to review this screen. Find the files that render it, list the signs of AI-looking design with their locations, and decide whether it needs a full redesign, light polish, or only small refinements. Show me the audit and proposed direction before editing.
skills/unslop/SKILL.md ↗ · Checked Nov 5, 2026