Redesign a cluttered AI-built app dashboard with one free prompt

Income Stream Surfers shares a free Claude Code prompt that audits a repo, mocks up a cleaner UI for approval, regroups menus into 4-7 areas, and ships it behind a feature flag.

Income Stream Surfers · YouTube · published Oct 28, 2026 · Software & DevOps

Redesign a cluttered AI-built app dashboard with one free prompt — video by Income Stream Surfers▶ Watch on YouTube
Prompt
Audit this repo and, using page analytics if available, find which pages are used most. Make mockups of a simpler UI and stop for my approval. Then group all pages into 4-7 sidebar areas (clicking an area turns the top bar into that area's tabs, rarely used pages go into More), driven by one config file. Ship behind a feature flag (off in production, on in staging) and check every page: next action obvious, summary first, works on a phone.

Visual breakdown

A free prompt turns a cluttered, AI-generated app dashboard into a calmer one: it audits the repo, mocks up a redesign for your approval, regroups the menu into a few areas, and ships behind a feature flag.

The problem: AI-built apps pile up features until the layout is confusing, hides what users need, and is nearly unusable on mobile.

How the redesign prompt works

  1. Scan repo + usageReads the whole repo and, if you have it, analytics for every page
  2. MockupsClaude Code makes mockups of the new layout
    Dropped: Designs you reject
  3. Your approvalThe prompt stops and waits for a yes or no
  4. Regroup the menu4-7 sidebar areas; area click turns top bar into tabs; rare pages go to More
  5. Feature flagOff in production, on in staging, one config file drives the menu
  6. Calmer appSimpler sidebar, usable mobile layout, can run as a PWA
InputsManual / setupAI agentResult

The calm checklist every page must pass

  1. Feels like the business's own place
  2. The next action is obvious
  3. One glance, no hunting; summary first
  4. State persists, nothing disappears, numbers are trustworthy

By the numbers

Try it on your own app

Get the free prompt from the video description and run it in Claude Code inside your repo.

  1. Phase 1, evidence: audit usage and use page analytics if you have any (optional)
  2. Phase 2, mockups: review them and approve before it continues
  3. Phase 3, information architecture: group pages into 4-7 sidebar areas
  4. Build behind a feature flag, off in production and on in staging
  5. Check every page against the calm checklist, including on a phone

Takeaways

  • Use real usage data: people clicking many times to change month led to pill options.
  • Ship behind a feature flag so users aren't surprised overnight.
  • Fewer menu options make the mobile layout work like an app.
  • Without analytics the prompt still works; the data step is optional.

Distilled from the video’s captions

How to try it

  1. Open Claude Code.
  2. Copy the prompt and fill in the [placeholders].
  3. Watch Income Stream Surfers's video for the full walkthrough and setup.

Related use cases

Share