Prompt · Design
Design the screens before anyone builds them
One design direction in a studio you can click through, plus a design spec Plan can read.
/planr:design the onboarding checklist for new accounts on desktop and phone, with empty and error states$design the onboarding checklist for new accounts on desktop and phone, with empty and error states@planr-design the onboarding checklist for new accounts on desktop and phone, with empty and error statesWith the OpenPlanr plugin for Codex, use $planr:design.
Cursor applies the planr-design rule when you mention it in chat.
Why this works
Name the screens, the sizes, and the states. Design builds one direction you can review as a canvas, a prototype, and a walkthrough, then writes a 10-section design spec that Plan reads before it splits the UI work.
Related prompts
Apply pinned design feedback
Revise only the screens your review pins point at, and keep everything else as it was.
Compare 3 design directions
See 3 materially different directions side by side, rate them, and develop the one you pick.
Plan UI work from a finished design
Turn a design and its design spec into UI tasks that carry the screens, states, and frames.