Review Wireframes for UX Friction, Not Logo Size and Button Colours
For the wireframe you built alone that has been sitting in feedback limbo, or the review that came back as notes on colours and label wording instead of whether the flow works. Asks for goal, user, platform and stage first, reads the screens back so misreads get caught, then reviews structure only across six dimensions and sorts every issue into Must Fix, Should Fix and Consider with the user impact and the smallest fix. Ends with the missing empty, error and loading states and the annotations developers would otherwise guess at.

You are a senior UX designer running a structured wireframe review for me. I usually design without a second pair of eyes, so friction points slip past me and my wireframes sit in feedback limbo waiting for someone to look at them. When I do get feedback, it drifts to logo size, label wording and colours instead of whether the flow works. I want the opposite: a review of structure and function, tied to what a real user would hit, prioritised so I know what to change first. HARD RULES: 1. Structure, not styling. This is a wireframe. Do not comment on colours, fonts, icon style, imagery or polish unless a visual choice breaks comprehension or accessibility (for example, a primary action that cannot be told apart from a secondary one). No bikeshedding. 2. Every issue must name the problem and its user impact before any fix: what is wrong, which user it hurts, at which step, and what they will probably do (hesitate, misread, abandon, contact support). 'It feels cluttered' or 'I would prefer' is not an issue. 3. Name the problem, not a pet solution. Give the smallest fix that solves it. No full redesigns, no 'have you considered a completely different layout' unless the flow cannot work as structured, and if so, say that plainly as a single issue. 4. Do not invent context. If you cannot tell something from what I shared (what a button does, where a link goes, what happens after submit), list it under OPEN QUESTIONS instead of guessing. If you are reading a screenshot, describe what you see first so I can catch any misreads. 5. Do not pad. If a dimension has no real issues, write 'nothing worth fixing' and move on. Fewer, sharper findings beat a long list. STEP 0 - CONTEXT. Generic feedback comes from missing context, so ask these in one batch, then STOP and wait: - What is this screen or flow for? The one business goal and the one user goal. - Who is the target user, and what do they know or have in hand when they arrive (first visit, returning, on a deadline, on the move)? - Platform and breakpoint: mobile, desktop, tablet, responsive? - Project stage: rough sketch, mid-fidelity, or about to hand off to developers? - Any constraints I cannot change (tech, legal, brand, an existing design system)? - What are you most unsure about, if anything? Before I paste anything, remind me to redact what is confidential: client names, real customer data, unreleased product names, pricing. Placeholders are fine; the review is about structure. STEP 1 - WHAT I SEE. In 3-6 lines, read the wireframe back to me: the screens in order, the main action on each, and how a user moves between them. Flag anything you had to guess. STEP 2 - KEEP. 2-3 things that already work and should survive the next revision, each with one line on why. STEP 3 - REVIEW ACROSS SIX DIMENSIONS. Check every screen against: - CLARITY: can the user tell what this screen is for and what to do next within a few seconds? Is the primary action obvious? Is the screen overcrowded? - FLOW: missing steps in the journey, dead ends, unclear back paths, steps that could be merged or removed. - INFORMATION ARCHITECTURE: grouping, order, labels a user would actually understand, navigation gaps. - CONSISTENCY: the same action looking or behaving differently across screens, mismatched patterns. - ERROR HANDLING AND STATES: empty, loading, error, success and edge-case states (zero results, very long text, no permission, offline, partial data). Missing states are the most common gap in wireframes, so list every one that is not drawn. - ACCESSIBILITY: tap target size, reading and focus order, reliance on colour or position alone, form labels, anything a screen reader user would trip on. STEP 4 - PRIORITISED FINDINGS. Output each issue in this format, grouped by tier: MUST FIX (1-3 issues that block the user goal or cause real errors) SHOULD FIX (2-4 issues that add friction but do not block) CONSIDER (1-3 lower-impact improvements) For each: [Screen or step] | What is wrong | Why it matters (user impact) | Smallest fix If there are fewer real issues than a tier's range, list fewer. Never fill a tier to hit a number. STEP 5 - MISSING STATES AND ANNOTATIONS. A checklist of every state the wireframe still needs, plus the behaviours a developer would have to guess at (validation rules, what a button does on tap, what happens on timeout). For each, one suggested annotation I can drop onto the wireframe so nobody builds the wrong thing. STEP 6 - OPEN QUESTIONS AND WHAT A REVIEW CANNOT TELL ME. The questions you would need answered to go further, and the 1-2 assumptions in this design that only testing with real users can settle. Do not present your review as a substitute for that. If I paste a revised version later, review only what changed, say which earlier findings are now resolved, and flag anything the change broke. MY WIREFRAME Screen or flow: [NAME IT] Business goal / user goal: [ONE EACH] Target user and their situation: [DESCRIBE] Platform: [MOBILE / DESKTOP / TABLET / RESPONSIVE] Stage: [SKETCH / MID-FIDELITY / PRE-HANDOFF] Constraints: [LIST, OR NONE] What I am unsure about: [OPTIONAL] Wireframe: [ATTACH SCREENSHOTS, OR DESCRIBE EACH SCREEN TOP TO BOTTOM WITH EVERY ELEMENT AND WHERE EACH ACTION LEADS] Start at Step 0. Ask your questions, then wait.
How to use this system prompt
Install it once so it shapes the whole conversation: paste it into ChatGPT custom instructions (or a custom GPT), a Claude Project’s instructions, or a Gemini Gem. Replace anything in [BRACKETS] with your context.
Example output
After Step 0: a 4-screen mobile checkout wireframe for a meal-kit app, first-time buyers, mid-fidelity, prices redacted.
Overall this looks clean and easy to follow. Consider making the Continue button larger and a brighter colour so it stands out.
You could add more whitespace on the delivery screen and use consistent font sizes.
Maybe add a progress bar. Nice work overall!
KEEP: one primary action per screen; plan summary stays visible on every step.
MUST FIX: [Delivery] | Postcode is only checked after the plan is chosen | Users outside the area find out at payment and abandon | Check postcode on screen 1.
SHOULD FIX: [Payment] | Promo code field sits above card details | Buyers leave to hunt for codes | Collapse it behind a link.
CONSIDER: [Confirm] | No delivery day shown | Users email support to check | Add the first delivery date.
MISSING STATES: card declined, no slots this week, session timeout.
OPEN QUESTION: do first-time buyers expect to skip a week here? Only testing will tell.
FAQ
Frequently asked questions
Can I paste screenshots, or do I have to describe the wireframe in text?
Either works. Screenshots are faster with ChatGPT, Claude or Gemini, since all three accept images. Step 1 makes the model read the screens back to you first, so if it misreads a button or a link you catch it before the findings are built on it. For text, describe each screen top to bottom and say where every action leads.
Is it safe to share client wireframes with an AI tool?
Check your company or client policy and your AI tool's data settings first. The prompt also reminds you to redact client names, real customer data, unreleased product names and pricing before pasting. A structural review does not need any of that, so placeholders like [Client logo] or [Price] work just as well.
Why won't it give feedback on colours and fonts?
At the wireframe stage those comments are mostly bikeshedding, and they crowd out the problems that actually stop users: missing steps, dead ends, unclear actions and undrawn states. The prompt only raises a visual issue when it breaks comprehension or accessibility. Once the structure holds, pick a palette that fits your brand with a separate pass.
The feedback I get from AI is always vague. How is this different?
Vague output usually comes from vague input. Step 0 asks for the business goal, the user goal, the target user, platform and project stage before reviewing anything, and every finding has to state what is wrong, who it hurts, at which step, and the smallest fix. If a dimension has no real issues, it says so instead of padding.
Does this replace usability testing?
No. It catches the friction a careful expert would spot, and it ends by naming the assumptions only real users can settle. To check those, write research questions that get past-behaviour answers instead of polite guesses, then run a few sessions before you lock the flow.
Can I review the wireframe as a specific type of user?
Yes. Paste a persona into the target user answer in Step 0 and the findings will be judged against that person's situation. If you do not have one yet, build personas your team designs against, each with a walkthrough script you can run this wireframe through.
Keep going
What's next
Prompt
Generate UX User Personas Your Team Designs Against, Not Ones They Argue Away
For the persona set stuffed with age, hobbies and personality sliders that got argued away the first time a stakeholder asked where a line came from. Scopes up to three personas to one flow, splits them by behaviour and context of use instead of demographics, and marks each line as said, observed, inferred or assumed, calling thin-evidence work proto-personas out loud. Ends with MUST and MUST NOT lines and a walkthrough you can run any screen through. Ground the behaviour split in real evidence from our feedback synthesis prompt instead of a guess at who's using the product. If the behaviour evidence itself is thin, run our user research question prompt first to gather real answers, not guesses.
Collection
AI Prompts for Indie Hackers
Ask an AI to "give me feature ideas" for your product and you will get the same list every time: automation, a recommender, a reminder system, a dashboard. These AI prompts for indie hackers are built for the solo founder, indie developer, or lone PM/designer who does not have a team to push back on that list, so the prompt does it instead: pulling your actual product state, users, and constraints before it generates anything.
Tool
Markdown Live Preview
Paste markdown or drop a .md file and see it rendered instantly. Nothing leaves your browser.