Prompt · Plan, Design
Plan UI work from a finished design
Turn a design and its design spec into UI tasks that carry the screens, states, and frames.
/planr:plan SPEC-001. Use the selected design direction and its design spec for the UI tasks.$plan SPEC-001. Use the selected design direction and its design spec for the UI tasks.@planr-plan SPEC-001. Use the selected design direction and its design spec for the UI tasks.With the OpenPlanr plugin for Codex, use $planr:plan.
Cursor applies the planr-plan rule when you mention it in chat.
Why this works
Plan reads the design document, the selected direction, and the 10-section design spec, and checks that they describe the same direction before it splits the UI work. Screen IDs, component recipes, responsive frames, and flows become task context.
Related prompts
Break a spec into stories and tasks
Get user stories and tasks with acceptance criteria and file-level changes.
Plan straight from a clear request
When the request is already clear, skip the spec and get stories and tasks from it.
Apply pinned design feedback
Revise only the screens your review pins point at, and keep everything else as it was.