For web makers & designers

UX and Web Design

Tips and prompts for UX designers, web designers and website makers. From auditing your current website through personas to a page structure that sells.

💡 A tip for the best results: When AI rates an existing website, give it the full text of the home page in the prompt, or upload a screenshot or paste the address. ChatGPT, Claude, Gemini and Grok can all read an image and a link. The more the AI sees, the less it will guess.

💻 Master-Level Audit (Cursor IDE & web AI)

The full version of the audit for Cursor and other AI agents that can write files. The AI creates a folder with detailed Markdown (.md) files plus a self-contained HTML dashboard: the whole audit in one file that you open straight from disk without a server.

👑 The flagship prompt: what exactly does this audit do?

The megaprompt gives the AI the role of a team of 8 specialists (UX, brand, SEO, copy, pricing, frontend, law and the audit lead) and walks it through an evidence-based, scoring and decision-making audit, not vague brainstorming. The result isn't just a verbal assessment but a whole audit package with evidence, priorities, section scores A–F, a strategic verdict and a handover for the next AI.

What it analyses in depth:
  • 30 standard areas + contextual extensions: UX, brand, content, conversion, tech, law and, depending on the project type, extra areas like the download flow, the changelog, anti-FUD or a demo layer.
  • Evidence logic: Every important claim has evidence with an ID [E...], a negative claim must state where it was looked for, and no made-up numbers may appear without measurement.
  • Business priorities: The audit distinguishes P0 / P1 / P2, risk flags, effort, the type of impact and the right order of steps instead of random advice.
What you get as output:
  • Evidence Log: A separate 99-Evidence-Log.md as the source of truth for all evidence and [E...] references.
  • An audit package in Markdown: Executive Summary, sections A–F, the Final verdict and AI-Brief.md with YAML frontmatter.
  • A self-contained HTML dashboard: A local interactive dashboard with graphics, filters, glossary tooltips, an evidence table and the raw AI brief, with no server needed.
Why it suits Cursor: The prompt counts on both the website address and the repository at the same time, writes the outputs straight into the given folder and hands the next AI an exact plan of changes instead of a generic essay.
Version V5 from 24 October 2026 has the same content as V4, only the rules aren't written in capital letters and come with a reason. New models then take them seriously and don't overdo them. For the audit, use the strongest model on the highest thinking level; the overview is in Which AI for what.
What does the result look like? Have a look at real outputs of this prompt (samples from April 2026, still from version V4, in Czech): the original sample and the new interactive dashboard.
Show a sample output ➔ Show a second sample output ➔ 🔥 Interactive PD2V audit ➔
Master-Level Audit (Cursor / folders) 💻 CursorAgent
Loading the prompt…

💎 No Cursor? Try the version for a regular chat (ChatGPT, Claude, Gemini, Grok)

A step-by-step version for chat in the browser. A chat can't write a folder of files to disk, so the audit is split into 5 steps: after each one the AI stops and waits for your “OK”. At the end it generates the full code of an interactive HTML dashboard, including the brief for the next AI agent.

Master-Level Audit (HTML, in phases) 💎 ClaudeChatGPTGeminiGrok
<role>
You are the website audit lead and coordinate a team of 8 specialists:
1. UX/UI architect
2. Brand strategist and behavioural psychologist
3. SEO specialist, including search through AI
4. Copywriter for the target market
5. Financial auditor and pricing specialist
6. Frontend developer
7. Legal and ethical auditor (GDPR, consumer protection, dark patterns)
8. Audit lead: connects the findings, keeps an eye on business impact and writes the final verdict

Goal: find where the website loses customers and money, and suggest fixes in an order that makes sense.
</role>

<task>
Audit target: [paste the website address, or upload screenshots]
Field and product: [what you sell, or “derive it from the website”]
Target audience: [B2B / B2C / online shop / leave it to the AI]
The biggest pain: [low conversion / few visitors / outdated design / I don't know]
</task>

<honesty_rules>
- Rate only what you actually see. When you only have the home page, say so and don't claim the audit covers the whole website.
- Go through all 30 areas. When you don't have enough material for one, mark it “not verified” and say what you'd need to see.
- For every finding, give a specific quote of the text, a page element or a piece of code so it can be traced. Be specific instead of “etc.” or “the rest is fine”.
- When you write that something is missing, say where you looked.
- Give numbers like website speed, conversion or traffic only from real measurement. Without it, write “not measured” and recommend a tool to measure it.
- Don't suggest manipulative tricks (fake countdowns, hidden fees). When a suggestion is legally or ethically risky, say so.
- Write in English, understandable to a business owner; explain foreign terms the first time you use them.
</honesty_rules>

<method>
For each of the 30 areas:
1. ✅ What works and why.
2. 🚨 Problems, usually 2–3. For each, why it bothers the customer or the business.
3. 💡 Fix: 2–3 specific steps with an example (what, where and how to change).
4. 🔀 An alternative with pros and cons, only when one really exists.
5. ⚡ Priority: P0 (burning now) / P1 (important) / P2 (when there's time).

At the end of each section A–F, write one main priority for the section.
</method>

<checklist>
A. Visuals, UX and the customer journey
1. First impression and UI: hierarchy, colours, typography, contrast.
2. Information architecture: navigation, orientation, menu structure.
3. Customer journey: can people easily reach the goal, or do they get lost?
4. Accessibility: contrast, size of tap targets, ARIA, keyboard control.
5. Mobile: how the website works on small screens.

B. Psychology, brand and emotions
6. Cognitive load: can the page be understood in 5 seconds, or does it overwhelm?
7. Brand: does the brand feel coherent and what emotion does it evoke?
8. Decision psychology: ethical use of anchoring and scarcity, doesn't it overwhelm with choice?
9. “About us”: is it authentic and human, or just stock photos?
10. Credibility: references, case studies, authority (E-E-A-T).

C. Content, communication and findability
11. Positioning: is the value of the offer clear in the first seconds?
12. Copy and tone: does it speak the customer's language and benefits, not features?
13. AI search: will ChatGPT, Gemini or Google's AI answers understand the website? Are there clear definitions and answers?
14. Technical and content SEO: title, headings, indexing, Schema.org.
15. Answers right in the search engine: does the website answer the questions people search for?
16. Local SEO and languages: address, maps, hreflang, quality of translations.

D. Conversion, business model and finance
17. Business model: is it clear how the company makes money? Are there upsell opportunities?
18. Prices: are they understandable, do they have sensible tiers?
19. Conversion and friction: buttons, forms, the cart.
20. Microcopy: button texts, error messages and empty states.
21. After the purchase: onboarding, a reason to come back.

E. Tech, performance and data
22. Performance: loading speed, the size of images and scripts (numbers only from measurement).
23. Needless frontend complexity: re-rendering, blocking scripts, tracking codes.
24. Technical health: console errors, broken links, 404s.
25. Analytics: correctly set up measurement and cookie consent.
26. Robots: robots.txt, sitemap.xml, indexing.

F. Law, security and compliance
27. Security: HTTPS, security headers, spam protection for forms.
28. GDPR and cookies: a clear cookie banner, consents in order.
29. Terms and the consumer: complaints, withdrawal from the contract, clarity.
30. Ethics: dark patterns, fake countdowns, misleading claims.
</checklist>

<procedure>
The audit is long and would get cut off in one answer. That's why we'll do it in 5 steps. After each step, end with the sentence “✅ Step X is done. Write OK and I'll continue with step Y.” and wait for my reply.

STEP 1: Overall impression and summary
A score of 0–100 with a short justification, what works, where the website loses the most money and a plan: what to do tomorrow and what within a month.

STEP 2: Areas 1–16 (sections A, B, C) following the method.

STEP 3: Areas 17–30 (sections D, E, F) following the method. At the end, add 3 unexpected growth ideas that aren't usually done in the field. For each, say why it could work and how to test it cheaply.

STEP 4: A brief for an AI agent
A text to copy for the agent (for example in Cursor) that will code the fixes:
1. Safety rules: 3–5 things the agent does only with the owner's consent (for example deploying to the website).
2. What not to break: a table of 10–15 website elements that work well.
3. Division of work: what the agent does (code) and what the owner does (decisions, access, keys).
4. The P0 roadmap: for each task why, where, how and what it depends on.
5. The first message: exactly what the owner should write to the agent first.

STEP 5: HTML dashboard
From all the results of steps 1–4, make one HTML file with the CSS and JS inside, no external libraries, so it opens with a double click from disk:
- A dark professional look.
- A fixed menu on the left (sections A–F, Verdict, AI brief), collapsible on mobile.
- Filtering the cards with the buttons All, P0 only and P0 + P1.
- A section “Final strategic verdict”: the overall view and the connections between the findings.
- A separate AI brief section: the whole text from step 4 in <pre><code> and a “Copy brief” button that copies it with navigator.clipboard.writeText(). Visually highlight the most important P0 task.
</procedure>

🔍 Quick audit: why don't people buy from me?

Uncover the biggest obstacles that stop people from buying. Pick the audit style that suits you better.

Variant A: Gordon Ramsay Roast (brutally honest) 🌶️ ClaudeGPTGrok
Play the role of Gordon Ramsay, but instead of kitchens you rate websites and how well they sell. I'll upload [a screenshot / the text] of my home page. I own a business and sell [what you sell]. The website gets traffic, but people don't buy and I'm losing money.
Be brutally honest and skip the polite waffle. Aim the criticism at the website, not at me. Deliver:
1. **Cognitive friction:** What 2 specific things make the visitor think so hard that they'd rather leave?
2. **The trust barrier:** Why, as a visitor, don't I believe you won't sell me junk?
3. **What to fix today (P0):** Exactly 3 things I should delete, move or rewrite. For each, estimate the effort and the impact.
When something can't be told from the screenshot, say so and don't guess.

👔 Variant B: The analytical consultant (professional)

A quick expert assessment ClaudeGPTGemini
You are a conversion rate optimisation (CRO) specialist who rates the home pages of small and medium-sized businesses. I'll upload [a screenshot / the text] of the home page. We sell [what you sell] to [target audience].
Rate the page with the LIFT model (value, clarity, relevance, distraction, anxiety, urgency). List:
1. **The value proposition:** Is it clear in the first 3 seconds what this is and why to get it from us? If not, suggest 2 versions of a new main headline.
2. **Friction and anxiety:** Where on the page does extra work appear and where a fear of risk? Show the specific spots.
3. **Quick wins:** 3 cheap changes I can make right away. For each, say why it should help.
Rate only what you see. When you're missing material (for example the price list or the cart), say so.

✍️ Better copy: customers don't read, they scan

Get rid of marketing fluff and clichés. Have AI rewrite your copy with proven copywriting methods.

Copywriting with proven methods (PAS and story) ClaudeGPTGemini
You are a copywriter who writes websites for small businesses and online shops. Here's the text from my website:

<text>
[paste the text]
</text>

The text is full of clichés and talks about us, not about the customer. Rewrite it so it talks about what the customer gets.
Instead of words like “innovative”, “comprehensive”, “quality” or “solution”, write what the product specifically does and what the customer saves or gains with it. Don't make up facts that aren't in the text; write [fill in].

The output is 3 versions:
1. **PAS (problem – agitation – solution):** Name the customer's pain, show what it costs them and offer us as the solution. 3 sentences at most, no exaggeration that isn't true.
2. **The value proposition:** 1 headline (what the customer gets), 1 subheadline (how it works) and 3 bullet points with benefits, not features.
3. **Story:** How the customer will feel when their problem disappears.

📍 Local marketing & SEO

Have a local business? Find out how to attract people nearby through search engines and maps.

Ideas for local SEO and content GPTClaudeGemini
I have [a café / a hair salon / a tyre shop] in [Bristol]. I want people nearby to find me more easily on Google, Bing and in maps.
1. Suggest 5 specific phrases that people near me would search for when they need my service.
2. Come up with 3 ideas for short articles or website sections (for example for the FAQ) that would attract these people (“What to do when…”).
3. Advise me on 2 things I should have right at the top of the website so people nearby trust me (besides the address and phone number).
4. Write what to fill in on my business profile in Google Maps and Apple Maps so it's complete.
Don't make up search volumes for the phrases. If you don't know them, say how to check them.

🎨 Generating a visual direction (Moodboard)

Before you start drawing a website, you need a clear idea of the colours and fonts that evoke the right emotion.

A palette and typography based on psychology ClaudeGPTGemini
I'm creating a new design for a website focused on [luxury watches / selling homemade jams / B2B software for banks].
I want the brand to feel [exclusive / warm, family and traditional / secure and corporate].
Suggest:
1. A colour palette with specific HEX codes (primary, secondary, buttons, background, text) and, for each colour, one sentence on why it fits.
2. For each pair of text and background colour, say whether it meets WCAG AA contrast (4.5 : 1 for regular text). If not, suggest an adjustment.
3. A pair of Google Fonts (headings and body text) that go together and support that emotion. Both must support all the characters the website's language needs (for example accents).
4. What kind of photos or illustrations to use on the website.

💬 Microcopy: buttons and empty states

The smallest text on a website often convinces the customer. Bring boring “Submit” buttons and annoying error messages to life.

Improving buttons (CTA) and error messages ClaudeGPTGrok
You are a UX copywriter who writes button and message texts for online shops. On my website for [online baking courses] I have boring texts. Rewrite them so they tempt and people click more:
1. The newsletter sign-up button now says: 'Submit'
2. The button for buying a course says: 'Buy course'
3. The empty cart message says: 'Your cart is empty.'
4. The 404 error message says: 'Page not found.'

For each of these 4 texts, suggest 3 better versions. Tone: [lightly funny and enthusiastic].
The button should describe what the customer gets, not what they have to do, and have 3–4 words at most. The message should always offer what's next (a link, a button).

🛡️ Handling objections

A nice website isn't enough. You have to dispel the customer's doubts before they leave for the competition.

Uncovering hidden objections ClaudeGPT
A customer is just thinking about buying my product: [a B2B online training for managers for $900].
Play the role of a sceptical, busy customer who has already seen lots of similar offers.
1. List 5 hidden 'But what if...' thoughts (objections) running through their head (e.g. the fear of wasting time, distrust in the quality, how hard it is to justify to the boss).
2. For each objection, as a UX designer, suggest how and where to dispel it on the website. “Put it in the FAQ” isn't enough; suggest a specific solution: for example a money-back guarantee next to the price list or a specific client's logo by the button.
Suggest only what I can truthfully deliver. No fake reviews and made-up numbers.

📐 Wireframing and architecture (StoryBrand)

Don't know how to stack the sections? Have AI design a page structure that leads to a purchase, using the StoryBrand method.

The architecture of a sales landing page GPTClaude
You are a UX designer who designs sales landing pages. Design a wireframe for a page that sells [what you sell].
Target audience: [who buys]. Goal of the page: [filling in an enquiry / a purchase].

Don't write just generic sections like “About us”. Use the structure of the StoryBrand method: the customer is the hero, we are the guide who gives them a plan.
For each block of the page (from top to bottom), create a structured table containing:
1. **Block name** (e.g. Hero, Social Proof, Risk Reversal).
2. **Psychological goal:** What emotion or objection are we dealing with here?
3. **Copywriting hook:** A first draft of the section's main headline.
4. **UI components:** How it should look graphically (e.g. 'Z-pattern layout', '3 cards with icons', 'Accordion for the FAQ').
5. **Primary CTA:** The button text in that section.

🕵️ Jobs-to-be-Done (JTBD) and a deep persona

Forget “Karl, 35, manager”. Professionals explore what “job the customer hires your product for”. Uncover the real motivations.

A Jobs-to-be-Done scenario generator ClaudeGPT
You are a UX researcher. I want to build a new website for the product: [description of the product or service].
Instead of common demographic personas, use the Jobs-to-be-Done (JTBD) method. People don't buy a product, they “hire” it to move them towards a better version of themselves.

Generate the 3 main JTBDs that customers hire my product for.
For each one, give:
1. **Job statement:** In the format "When [SITUATION], I want [MOTIVATION], so I can [OUTCOME]."
2. **Functional level:** What exactly does it have to do technically?
3. **Emotional level:** How does the customer want to feel?
4. **Social level:** How do they want others to see them because of it?
5. **Impact on UX and copy:** How exactly to build the website's home page so it fulfils this JTBD?

These are hypotheses, not facts. At the end, suggest 5 questions for interviews with real customers to verify them.

🚀 Onboarding and the "Aha! moment" (FTUE)

UX doesn't end with a click on "Sign up". What matters is the First-Time User Experience (FTUE), a new user's first experience. Get them to the value as fast as possible.

Designing the first-time user experience ClaudeGPT
You are a product designer who designs the first experience of new users (onboarding). I have [an app / an online shop / a community] that [what it does].
The user has just signed up or made their first purchase. I want to design a first experience (FTUE) for them after which they stay.

Write me a plan:
1. **The first screen:** What do they see right after logging in or buying? An empty screen with no content puts people off, so what goes there instead?
2. **The Aha! moment:** What's the key moment when the user understands the value and won't leave any more?
3. **A path without friction:** Exactly which 2–3 steps get them to the “Aha! moment” the fastest, without overwhelming them with a long tutorial?
4. **Gamification:** How do I gently reward them for their first successful action?

⚖️ Ideas for A/B testing

The website is already live and you want more out of it? Here you'll find out which experiments are worth it.

A conversion experiment generator ClaudeGPT
I have an online shop with [premium coffee]. The traffic from ads is good, but people often abandon the cart just before paying, or only look at the product and leave.
Suggest 3 smart A/B tests (experiments) I can run on the website.
Focus on:
1. Changing how the price or the risk is perceived (e.g. a guarantee).
2. Simplifying decision paralysis.
3. Urgency or limited availability, but only when it's true. No fake countdowns and no “last items” that aren't the last.
For each test, write the hypothesis (why it should work), exactly what to change on the page (variant A and B), which metric to watch and roughly how many visits I need for the result to mean something. If I have too few visitors for a test, say so.