Complete Website Design Prompt
A structured brief that walks an AI model from business goals to sitemap, page layouts, visual direction and responsive rules.
- ChatGPT
- Claude
- Gemini
Prompts for planning, structuring and reviewing websites, from first sitemap to accessibility checks.
These prompts cover the thinking parts of web design: deciding what a site is for, how its pages are organized, what goes on each screen and in what order, and whether the result is usable and accessible. Some plan new work, such as a full site, a campaign landing page or a single wireframe. Others review what already exists, including a redesign plan, a heuristic UX audit and a WCAG-based accessibility review. Two deal with the rules behind the screens: design tokens and components, and responsive behavior.
Choose by starting point. If nothing exists yet, begin with the website design prompt and move to wireframing for individual screens. If you have a live site, the redesign prompt protects what already works, while the two audit prompts look closely at one flow or one page. Reach for the design system and responsive design prompts once structure is agreed and you need consistent rules to build from.
AI models are good at this kind of structured reasoning when you give them real inputs: they can rank content, propose a hierarchy, apply published heuristics and write up decisions in a form a team can review. They cannot see your rendered pages unless you supply them, do not know your users or analytics, and are unreliable at measuring things like color contrast. Every prompt here asks the model to mark its assumptions and to separate what it can establish from what needs testing. Treat the output as a draft for a designer, a developer and, ideally, real users to check.
A structured brief that walks an AI model from business goals to sitemap, page layouts, visual direction and responsive rules.
| If you need to… | Use |
|---|---|
| I am starting a new site and need a complete plan | Complete Website Design Prompt |
| I have a live site that is underperforming or outdated | Website Redesign Prompt |
| One flow, such as checkout or signup, feels confusing | UX Audit Prompt |
| I need a single page for an ad or email campaign | Landing Page Design Prompt |
| I want to check a page against WCAG before release | Accessibility Audit Prompt |
A structured brief that walks an AI model from business goals to sitemap, page layouts, visual direction and responsive rules.
Diagnoses an existing site from the evidence you supply, then plans what to keep, merge or remove, the new structure, a URL map and a phased rollout.
Reviews page markup against WCAG 2.2, separating issues confirmed in the code from those needing manual testing, with fixes and a test script.
Runs a heuristic review of one user flow: a step-by-step walkthrough, findings tied to usability heuristics with severity ratings, and fixes.
Drafts design-system foundations: tiered design tokens, type and spacing scales, and component specs with variants, states and accessibility notes.
Turns one page layout into responsive rules: content order on small screens, fluid techniques, justified breakpoints and a per-component behavior table.
Plans a single-goal landing page: message match with the traffic source, section order, first-screen spec, form design and draft copy using only your real proof.
Produces a low-fidelity wireframe of one screen as a text diagram and block spec, with content priority, states and annotations and no visual styling.
Guide
The five parts of a complete prompt (goal, context, task, constraints, output format), with a worked rewrite and a pre-send checklist.
Guide
A diagnostic approach to weak AI answers: name the fault, trace it to the gap in your prompt, then follow up precisely or rewrite and start again.
Technical guide
How to split a large task into a sequence of focused prompts, design the handoffs between them, and debug the chain when a step goes wrong.