heydamir/unslop

What it solves

unslop fixes "vibecoded" AI-generated user interfaces that suffer from common aesthetic issues like excessive purple gradients, neon glows, overuse of emojis, shouty text, and poor spacing. It transforms generic-looking AI designs into polished, professional interfaces with a distinct brand character.

How it works

It operates as a skill for Claude Code. When triggered, it first audits your screen to identify design "slop." It then proposes a design direction based on your specific product before executing a series of iterative passes—covering spacing, color, typography, layout, and visuals—to refine the interface. It works across various web frameworks like React, Vue, Svelte, and Tailwind, or even on live websites via a URL.

Who it’s for

Developers and designers who use AI to generate UI components or landing pages and want to elevate the final output to look like a professionally designed product rather than a generic AI prototype.

Highlights

• Audits existing UI to pinpoint specific design flaws.
• Provides a structured, multi-pass redesign process including copy, layout, and motion.
• Generates custom visuals or scenes using external image services when needed.
• Creates a short, shareable "unslopping" video of your screen transforming.
• Allows for early steering by proposing a design direction before making any code changes.