Multi-Step Form With Draft Recovery
Specify a multi-step form that validates per step and can recover a draft. The server is the authority on submit. FORM Steps: [LIST] Fields that are sensitive and must NOT be drafted locally: [PASSWORD, PAYMENT] Storage for the draft: [LOCAL | SERVER] Schema: [ZOD] Submit: [SERVER ACTION OR POST] DELIVER 1) The schema split per step, plus the full schema on submit so a skipped client cannot post a partial object. 2) Navigation: you cannot jump ahead of an invalid step, you can jump back, and the URL or the step index is restorable. 3) Draft: what is saved, when, and the sensitive fields excluded. How we clear the draft after a successful submit. How we expire it. 4) Errors from the server mapped to the right field, and a top-level error when it is not a field. 5) Double-submit protection and the pending state on the button. 6) Tests: invalid step blocks next, refresh restores non-sensitive fields, submit sends the full object once. Do not put card numbers in localStorage.
🌟 Example Output / Preview
Prompt Metadata
Primary Use Cases:
- •Legacy code modernization & technical refactoring
- •Full-stack layout generation & component structuring
- •CI/CD workflow automation & unit/E2E testing suites
Associated Tags:
💡 Pro Tips & Advice
1. Use bracketed items: Be sure to fill out all [PLACEHOLDER] elements with specific details before sending the prompt to the AI model.
2. Adjust temperature: For creative tasks, set AI temperature higher (e.g., 0.8), or lower (e.g., 0.2) for strict coding/technical tasks.
🔗 Related AI Prompts
Full SaaS Landing Page Build Spec (SEO + Conversion)
You are a Staff Product Designer + Frontend Engineer + SEO strategist. Build a complete, production-ready marketing landing page f...
SaaS Analytics Dashboard Full Build Spec
You are a Principal Product Designer + Frontend Lead. Design and specify a complete [LIGHT | DARK] analytics dashboard for [PRODUC...
SaaS Admin Panel Dashboard Build Spec
Design a full internal Admin Dashboard for [PRODUCT_NAME] used by [ADMIN_ROLE: support | ops | super-admin]. --- 🎯 CONTEXT Adm...