unslop: A Claude skill that polishes AI-smelling UI like a designer

This tool automatically detects and fixes typical signs of AI-generated UI, such as purple gradients, excessive glow, and emoji labels. It works regardless of the technology used to build the screen, including Next.js, React, Vue, Svelte, Tailwind, and plain HTML/CSS. It can handle dashboards, apps, and landing pages, as well as live sites where only a link is provided.

It approaches the task step by step, like a design guideline review, rather than making simple fixes. First, it audits the entire screen to list issues, sets a direction suited to the product's characteristics, and then proceeds with passes in the order of spacing, color, icons, copy, and typography. If the screen is already in good shape, it suggests a few minor improvements instead of a redesign.

If the hero section lacks the necessary visuals, it can generate scenes using image generation services such as fal, Replicate, and OpenAI images. Before paid generation, it displays the prompt and requests confirmation, and may also suggest connecting an MCP server. It can also generate square story videos of 10 seconds or less to share the modification process on social media.

It can be used in the Claude Code environment via the /unslop command or natural language requests. It is distributed under the CC BY 4.0 license, allowing commercial use, and can be freely modified and shared as long as attribution is provided. It is suitable for developers who want to improve the polish of screens quickly built with AI.