FreeStarter packs: vibe coding, website kit, carousel tool & more → Free starter packs →

the checklist

8 defaults to fix in your AI-built app

Go through it one check at a time. Tick what’s done, and where something isn’t, copy the prompt and paste it into your AI tool (Claude, ChatGPT, Cursor or any coding assistant), in the project you want to fix.

Tip: run one prompt, look at the change, then run the next. Asking for all of them at once gets you a worse version of each.

Download as PDF Plain text version (.md) ↓

1. Kill the gradient hero

Find every gradient background in this app. Replace them with one flat background and one accent colour. Ask me for the brand colour if there isn't one. Show me each file you change.

2. Emoji are not icons

List every place an emoji is used as an icon. Replace them with icons from one set (Lucide or Heroicons), same size and stroke weight everywhere. Keep emoji only where they're part of the text a person wrote.

3. Stop centring everything

Most of this app is one centred column. Give the main screens a real layout: a grid or edge-aligned sections, with body text left-aligned. Don't change what any screen does.

4. Give the type a hierarchy

Set up a type scale: one size for page titles, one for section headings, one for body, one for small print, with clear steps between them. Apply it across the app and remove one-off font sizes.

5. Design the empty and loading states

For every screen that shows data, show me what a brand-new user sees with no data, and what shows while it loads. Design both: an empty state that says what to do first, and a loading state that never spins forever.

6. Check the AI images

List every image in this app that looks AI-generated, with its file name and what gives it away (hands, text, plastic sheen). Don't replace them; I'll decide which go.

7. Let it breathe

Replace one-off margins and paddings with one spacing scale (for example 4, 8, 12, 16, 24, 32, 48). Give the main action on each screen more room than everything around it.

8. Write the words like a person

Find every placeholder message: "Submit", "Error", "Something went wrong", "No data found" and the like. Rewrite each so it says what happens or what to do next, in one plain, friendly voice. Show me the old and new text side by side.

The secret weapon: one hand-made detail

This one is yours, not the AI's. Pick one place people look at a lot (an avatar, an empty state, a button, a loading moment) and make it unmistakably yours: a drawing, a shape, a sound, a line of copy. One is enough.

The whole thing as one prompt

My app works but looks like a default AI-made app. Review the UI and fix the defaults that give it away, one at a time, without changing what the app does:

1. Replace any purple-to-blue gradient backgrounds with one brand colour on a flat background. Ask me for the colour if there isn't one.
2. Replace emoji used as icons with one real icon set (e.g. Lucide or Heroicons), same size and weight everywhere.
3. Stop centring everything: use a grid or edge-aligned layout, and left-align body text.
4. Create a type hierarchy: big bold headings, smaller quiet body text, clear size steps between them.
5. Design every empty state and loading state: what a new user sees before there's any data, and what shows while things load.
6. Flag any AI-generated images with obvious tells (hands, plastic sheen) so I can replace or remove them.
7. Fix spacing: use a consistent spacing scale and give the most important things more room.
8. Rewrite placeholder copy ("Submit", "Error", "No data found") so buttons and messages say what happens, like a person would.

Start by listing what you find for each point, with file names. Then fix them in that order, showing me each change.

Made by Em at Creative Mind Habits. Free to use and share. One fix like this every week: creativemindhabits.com

Free to use and share. The full story behind each check is in the guide, and there are more in Guides.