Skill LibraryPrompt Skill1 DesignsTop Views

Multi-Step Wizard Save and Resume

Design step indicators, draft saving, cross-step validation, review pages, resume entry, and submission confirmation for applications, onboarding, setup wizards, and import flows.

Skill Uses0

Recorded selections across prompt workflows.

Public Designs1

Ranked by views, then community favorites.

Prompt Lines10

Reusable instruction lines for generation.

Author@Interface Lab

Interaction

Skill Directive

Description

Design step indicators, draft saving, cross-step validation, review pages, resume entry, and submission confirmation for applications, onboarding, setup wizards, and import flows.

TagsInteraction

Skill Prompt

- Inputs must include flow purpose, step list, linearity, fields/tasks per step, saveable content, identity/login requirements, timeout rules, cross-step dependencies, final-submit risk, and target devices.
- Decide whether a wizard is warranted first: use it only when the task is naturally staged, field-heavy, needs progress saving, or has cross-step dependencies; do not split a short form into extra friction.
- The step indicator communicates current position, total steps, completed/current/incomplete/error states; every page still needs an explicit heading, not only a step label.
- The save strategy states autosave, manual save, save and exit, offline draft, local/server storage, success confirmation, retry on failure, and which sensitive fields cannot be saved.
- Resume entry must be discoverable: after login, email link, dashboard draft, URL token, or local draft; on return, show last saved time and next steps.
- Validation is layered: current-step inline validation, continue-time validation, review-page error summary, and final server validation; error links return to the relevant step and field.
- The review page shows key summary, edit entry points, risk/cost/irreversible-operation notices, terms confirmation, and post-submit state; users should not have to reread the entire flow at the end.
- Frontend implementation manages step, draft id, dirty state, saving state, resume token, validation summary, and expired state with URL/state machine; browser back/refresh should not lose drafts.
- Deliver wizard IA, step schema, draft persistence contract, validation matrix, review-page hierarchy, resume flow, error recovery, and desktop/mobile QA checklist.
- Sources referenced: USWDS Step Indicator, W3C multi-page forms tutorial, GOV.UK save/continue button guidance, and ONS Save and sign out pattern. The content is rewritten as Interface Lab wizard skill guidance.

Public directive summary shown; Pro unlocks the full prompt.

Layout Info

Designs below are ordered by views. Top items use live previews; the rest stay fast thumbnail cards.

Unlock Pro All Skills

Multi-Step Wizard Save and Resume

More pages using Multi-Step Wizard Save and Resume