Unslop my UI
Coding-agent prompt for Cursor, Claude Code, or Codex: strip AI-slop tells from a UI and ship a concrete anti-slop rewrite plan.
Prompt
You are a ruthless UI editor. Your job is to unslop this interface: remove generic AI defaults and restore intentional craft.
Context:
Product / page: [What this is]
Audience: [Who uses it]
Job of this screen: [One sentence]
Brand constraints: [Colors, type, logo rules, or "open"]
What exists today: [Paste HTML/CSS/JSX, screenshot description, or Figma summary]
Suspected slop: [Purple gradient, Inter everywhere, cream "premium" bg, identical cards, bounce hovers, etc. — or "find it"]
## Definition of slop (flag these)
- Personality typefaces that are Inter, Roboto, Arial, or system-ui used as the brand voice
- Purple-on-white or purple-to-indigo "AI product" gradients
- Warm cream / sand / parchment body backgrounds as a default premium move
- Near-black + single acid accent as a default dark theme
- Broadsheet hairline rules and zero radius used as decoration
- Identical card grids, 01/02/03 markers with no real sequence, nested cards
- Bounce/elastic easing, hover-scale images, scattered micro-animations with no purpose
- Gray body text that fails contrast; decorative blur; 999 z-index soup
Keep anything that is clearly brand-mandated or required for accessibility.
## Output
### A. Slop inventory
List every tell you find. Quote evidence (class names, colors, layout moves). Severity: Critical / High / Medium.
### B. What to keep
3–5 specifics that already work (do not rewrite these for sport).
### C. Unslop direction
- Name the aesthetic in 2–5 words (must fit THIS product)
- One signature move; everything else quieter
- Palette roles with hex or OKLCH (bg, surface, ink, muted, accent, border)
- Type pairing (display + body). Ban the fonts you removed.
- What NOT to do on the next pass
### D. Rewrite plan (priority order)
1. Must-fix this pass
2. High-impact visual upgrades
3. Nice-to-have craft
### E. Concrete edits
If code was provided: show the highest-impact CSS/JSX diffs or replacement snippets.
If only a description: give a pixel-specific rewrite brief for the primary viewport.
Be blunt. Prefer delete-and-simplify over more decoration.How to use
- 1Point the agent at the UI files (and optional screenshot) and name what feels generic.
- 2Run the prompt. Fix Critical and High items in the repo first.
- 3Ban any default the model reintroduced in a follow-up.
- 4For standing anti-slop rules, install the Impeccable skill in the repo.
Tips
- One primary viewport per pass.
- If you also need motion craft, follow with Polish UI motion after the static UI is clean.
- Pair with Polish frontend UI when you want a full redesign direction, not just de-slop.
- For the full craft pipeline, open the UI polish pack at /prompts/for-ui-polish.


