Deft
Ask AI

Search

Search skills, authors and topics

heydamir / unslop

unslop

Turns vibecoded, AI-looking UI into a designed interface with its own character. Finds a direction from the product itself, then fixes spacing, color, icons, copy, type, layout, details, visuals and motion in that order, and can generate a real hero visual with an image tool when one is available. Use when the user asks to unslop, polish, clean up or redesign a screen so it stops looking AI-generated, or when a UI shows the usual tells like purple gradients, glows, gradient text, emoji labels, "

View sourceTasteVisualCraftMotion

Install

npx skills add https://github.com/heydamir/unslop --skill unslop

References

Finished screens by Damir Sokolovsky (@heydamir). Look at them before the Visuals pass. Take their qualities, never their subject, palette or layout, so every product still gets its own screen. unslop-dashboard-after is the finished version of examples/dashboard.html, so when you unslop that example, find your own answer instead of rebuilding it.

FileWhat it showsWhy it works
unslop-hero-after.webp [blocked]An invoicing hero with a paper plane drawn in digits and currency signs, small notes pinned to it, and the product rising from belowThe visual is made of the product's own material, money, so it is the moment and the signature at once. Text sits on calm sky, the chrome is quiet, and the product view invites a scroll
unslop-dashboard-after.webp [blocked]A finance dashboard with two rendered payment cards and a revenue chart drawn as soft colored curves over a mirrored grey comparisonQuiet graphite chrome, and all the color lives in two moments, a real looking object and a chart where every color means a series
beacon-engraving.webp [blocked]An incident monitoring hero drawn as one blue engraving of a lighthouse on a rocky coast, with a serif headline in the same inkA print style working because the whole page is in it. One ink, one paper tone, and the headline sits in the calm sky the drawing leaves for it
meadow-3d.webp [blocked]A footer as a soft 3D meadow with a few matte crystal shapes and a huge wordmark standing behind the hillsFriendly stylized 3D with a restrained palette, type that becomes part of the scene, and quiet links on the open sky
story-dashboard-frames.webp [blocked]Eight frames from the viral story video, a vibecoded dashboard unslopping itself in about 10 secondsEverything morphs in place in a wave, red redlines measure the slop and turn white when fixed, copy rolls letter by letter, and the frame is square and cropped close on the sidebar and first cards

What they share: one bright element per screen, quiet chrome around it, a visual that can be explained in one sentence, and headlines placed on space that was left empty for them.

Part of unslop by Damir Sokolovsky (@heydamir), CC BY 4.0. Keep this credit in copies and adaptations.