Design & UX prompts
UI, UX flows, design systems and design critique prompts. Fill in the fields, then copy for Claude, ChatGPT or Gemini.
Turn a rough UI idea into a build-ready design prompt
Turn a vague UI idea into a precise, generation-ready design prompt — a one-line vibe, a named-colour design system, and a numbered page structure — that v0, Stitch, Lovable, or Claude can render into a polished first screen on the first try.
Design critique that returns prioritised fixes
Get a senior product-design critique of any screen — specific, located, severity-ranked usability fixes tied to real heuristics, not vague praise.
Design a first-run onboarding flow to your product's aha moment
A ready-to-paste ChatGPT prompt that interviews you about your product, then designs a first-run app onboarding flow that walks new users to their aha moment — delivered as a build-ready spec.
Plan your product's information architecture and sitemap
A paste-and-go ChatGPT prompt that interviews you about your product and users, then delivers a full information architecture and sitemap — navigation model, page hierarchy, URL scheme, and key user flows.
Interview a user and turn it into a UX research brief
A paste-and-go ChatGPT prompt that runs a professional UX discovery interview one question at a time, then synthesizes your answers into a structured, shareable UX research brief.
Generate a design token system with light and dark palettes
A paste-and-go ChatGPT prompt that briefly interviews you, then generates a complete light and dark design token system — primitives, semantic tokens, and WCAG-checked contrast — ready to export as CSS variables, DTCG JSON, or a Tailwind config.
Write a moderated usability test script for any product
A paste-and-go prompt that interviews you about your product, users, and goals, then writes a complete moderated usability testing script template — moderator intro, non-leading task scenarios, in-session probes, and post-task ease metrics.
Write clear UI microcopy for buttons, errors, empty states and tooltips
Paste any buttons, error messages, empty states, or tooltips and get clear, on-brand microcopy rewrites — each with a plain-language pattern and the reasoning behind it.
Spec a UI component two ways and pick the best design
A paste-and-go ChatGPT prompt that interviews you about a UI component, designs it two deliberately different ways, compares them honestly, and hands back one build-ready spec.
Map the user flow for a task, with decision points and edge cases
Turn any task into a complete user flow: happy path, decision points, edge cases, exit states, and a ready-to-paste Mermaid flow diagram.
Design the empty, loading and error states for a screen
Design every empty, loading, and error state for a UI screen with a developer-ready spec covering layout, microcopy, behavior, and accessibility, so no edge case ships as a blank white page or a dead-end error.
Turn a feature idea into a low-fidelity wireframe blueprint
A ChatGPT wireframe prompt that turns any feature idea into a low-fidelity, text-based wireframe blueprint — screen inventory, box layouts, key states, user flow, and handoff notes — ready to rebuild in Figma.
Audit a screen or component for WCAG 2.2 accessibility issues
Turn any screen or component into a prioritized WCAG 2.2 accessibility audit — every issue mapped to a specific success criterion, its user impact, and a concrete code fix.
Spec the micro-interactions and motion for a UI
Turn any component or flow into a build-ready micro-interaction and motion spec — properties, durations, easing, transform-origin, spring physics, and reduced-motion fallbacks an engineer can ship without guessing.