Have Claude transform interfaces that "scream AI-generated" into designs with their own personality: first, identify telltale signs such as purple gradients, glows, emoji labels, shouty copy, and inconsistent spacing; then, define a direction based on your product, and iteratively refine the design round by round across spacing, color, icons, copy, typography, layout, details, visuals, and motion.
Stars 1100 (+58 / 24h)
Rationale
- Providing an audit result and design direction before making changes allows for early course correction; if the interface is already good, it will say so directly and suggest only minor tweaks.
- When scene images are needed, they can be generated via fal, Replicate, OpenAI Images, or Higgsfield. If not connected, it suggests integrating them as an MCP server. It can also use Playwright and ffmpeg to produce a square short video of the "interface transformation" within 10 seconds.
- The examples folder includes two sample interfaces ready for refinement.
Usage
- After git cloning, copy skills/unslop to ~/.claude/skills/ (for a single project, place it in .claude/skills/).
- In Claude Code, type /unslop this dashboard, /unslop the hero of <URL>, or simply state your requirements in your own words.
Risks
- The README is brief, covering only installation for Claude Code and lacking effectiveness evaluations; generating accompanying images requires connecting to paid image services.
- License: CC BY 4.0. Redistribution requires attributing the author and linking to the repository. The repository was created on 29 10.