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 filledYour Built Prompt
Updates live as you typeYou 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 commentsBe the first to leave feedback on this prompt.
Related Prompts
More in CreativeClaude
#creative
Design an ebook cover
Drafts an ebook cover concept with title, subtitle, imagery, and reader-fit.
0.0(0)
Copy
Claude
#creative
Build a brand mood board brief
Drafts a mood board brief that gives a designer enough direction to assemble references.
0.0(0)
Copy
Claude
#creative
Build an infographic brief
Briefs a designer to build an infographic that explains a concept visually.
0.0(0)
Copy
Claude
#creative
Plan a brand video series
Plans a recurring brand video series with format, cadence, and 8 episode ideas.
0.0(0)
Copy