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.

Open in ChatGPT
Framer Agent
Sponsored

Best AI site builder for designers, PMs, and founders.

Try Framer free

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

  1. 1Point the agent at the UI files (and optional screenshot) and name what feels generic.
  2. 2Run the prompt. Fix Critical and High items in the repo first.
  3. 3Ban any default the model reintroduced in a follow-up.
  4. 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.

New prompts & templates by email

Weekly copy-paste prompts, pattern notes, and AI UX resources on Substack - no spam, unsubscribe anytime.

Subscribe on Substack