Onboarding
#mobile#flow#activation
Onboarding with progressive disclosure
A calm multi-step start that makes progress visible and keeps each screen focused.
Core problem: Reduce first-session friction without hiding important decisions.
AI UI Design Prompts·Cursor, Claude & v0
AI website design prompts you can test
Start with an interaction problem, inspect real references, then hand an original website build brief to Cursor, Claude Code, v0, Lovable or Bolt.
Try a tested Claude Code prompt
One search-state brief, one recorded Claude Code run, and nine browser checks. Try the generated interface, inspect the full prompt and review the method before adapting it.
Open the tested search example →Search prompts
10prompts
Original Prompts · UIDiscovery references · 21st.dev handoffPaywall
#mobile#pricing#conversion
Paywall with clear value framing
A pricing moment that explains value, removes uncertainty, and preserves user control.
Core problem: Make a paid upgrade feel understandable and reversible.
Checkout
#web#flow#commerce
Checkout that builds confidence
A focused checkout with review, trust signals, and recovery states designed into the flow.
Core problem: Help people complete a transaction without surprises.
Empty state
#web#product#activation
Empty state with a next action
A clear explanation and one helpful action instead of an apologetic dead end.
Core problem: Turn a blank surface into a useful first step.
Permissions
#mobile#trust#privacy
Permission request that earns trust
A permission moment with context, privacy reassurance, and a graceful decline path.
Core problem: Explain why access is needed before asking for it.
Dashboard
#web#data#saas
Dashboard built for scanning
A hierarchy that separates orientation, status, and action without turning everything into a card.
Core problem: Make a dense product surface understandable in seconds.
Search
#web#navigation#discovery
Search with useful zero results
A search surface that supports intent, filters, progress, and recovery.
Core problem: Help people refine a query instead of abandoning the task.
Activity
#web#collaboration#notifications
Activity feed with signal
A chronological surface that keeps context, actors, and actions easy to scan.
Core problem: Show what changed without overwhelming the reader.
Settings
#web#account#navigation
Settings people can actually navigate
A predictable settings shell with safe destructive actions and saved-state feedback.
Core problem: Organize configuration around user goals, not internal systems.
Call to action
#web#conversion#marketing
CTA that makes the next step obvious
A focused closing section with one job, one primary action, and useful reassurance.
Core problem: Give the page a decisive ending without pressure tactics.