Skip to content
Flows
Library Paths Vault Generate Progress Run Demo Flow
QA Intermediate · 60-90 minutes

DeSlop Audit

The anti-AI-slop audit: find and fix everything that makes your app look and feel like a generic AI build.

Start Route · 5 steps

The route

5 steps to Done

  1. 01

    Score the slop

    Name the problem precisely across four dimensions.

    Preview prompt + verify gate ▾

    Run a brutal slop audit on this app and score each dimension 1-10 with evidence. DESIGN: default fonts, generic gradients, emoji-as-icons, identical card grids, no visual identity. COPY: lorem ipsum, robotic microcopy, 'Welcome to your dashboard' filler, inconsistent tone. FUNCTION: dead buttons, fake success states, data that resets, missing states. DETAILS: default favicon/title, console errors, no focus states, broken mobile. List every finding with location. No mercy - the score guides the fix order.

    • ✓ All four dimensions scored with evidence
    • ✓ Findings include locations
    • ✓ Function-slop is separately identified
  2. 02

    Fix function-slop first

    A beautiful dead app is still dead - real function precedes polish.

    Preview prompt + verify gate ▾

    Fix every FUNCTION finding from the audit. Requirements: every dead button gets its real handler; every fake success gets the real operation with persistence; every missing loading/error/empty state is added; forms validate and actually submit; data survives refresh. Verify each fix with the action + refresh test and update the audit table with evidence. Do not touch visuals yet.

    • ✓ Every dead/fake control now works
    • ✓ Persistence verified by refresh
    • ✓ States exist for async operations
  3. 03

    Fix design-slop

    Replace the default-AI look with an intentional identity.

    Preview prompt + verify gate ▾

    Fix every DESIGN finding. Requirements: define and apply a real font pairing and a token-level color system with ONE deliberate accent (kill purple-gradient defaults); replace all emoji-icons with a consistent icon set; differentiate the card-grid sameness with intentional hierarchy (featured vs standard, varied density); add designed hover/focus/active states; apply consistent spacing rhythm. The app should be recognizable from a screenshot afterward.

    • ✓ Fonts and colors changed at token level
    • ✓ Zero emoji-icons remain
    • ✓ Hover and focus states are designed
  4. 04

    Fix copy-slop

    Every string should sound like this product, written by a person.

    Preview prompt + verify gate ▾

    Fix every COPY finding. Requirements: rewrite all placeholder and filler text into product-specific copy; give microcopy (buttons, empty states, errors, tooltips) a consistent voice; error messages must say what happened and what to do; empty states must orient and invite action; page titles and meta descriptions set properly per page. Produce a before/after list of the worst 10 strings as proof.

    • ✓ No lorem ipsum or filler remains
    • ✓ Errors say what to do next
    • ✓ Titles/meta are set per page
  5. 05

    Polish the details and re-score

    The last 5% - details separate finished from generated.

    Preview prompt + verify gate ▾

    Fix every DETAILS finding and close the audit. Requirements: real favicon and page titles; zero console errors on the main paths; visible focus states for keyboard users; responsive check at 375px on core pages; scroll behavior, image alt text, and selection states sane; loading transitions smooth. Then re-run the full four-dimension audit, produce the before/after scores, and list anything remaining as known-issues with reasons.

    • ✓ Console is clean on main paths
    • ✓ Favicon and titles are real
    • ✓ Before/after scores are reported