Back to library
Claude#creativeStandard promptSaves ~15min

Build a wireframe for a screen

Wireframes a single screen with hierarchy, content blocks, and interactions.

rach_maeve29 April 2026
0.0(0)

Fill in the Template

0 / 2 filled

Your Built Prompt

Updates live as you type
You are a UX designer. Wireframe the screen for {{screen}} in {{product}}. Cover: (1) the user goal (what they're here to do), (2) the layout grid (mobile vs desktop), (3) the content blocks in order of importance, (4) the primary action (one big button), (5) the secondary actions (smaller, lower hierarchy), (6) the empty state, the loading state, the error state, (7) the interactions (hover, click, swipe — annotated), (8) the accessibility notes (heading order, focus order, alt text). Output as ASCII or text-based wireframe (one block per line with annotations).
Run in

Fill in the required fields above to copy or run this prompt.

Tags

Community Feedback

0 comments
Be the first to leave feedback on this prompt.

Related Prompts

More in Creative