Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Multi-Step Radix UI Dialog Forms
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[STEP_COUNT] - ✦
[VALIDATION_SCHEMA] - ✦
[PERSISTENCE_STRATEGY]
multi-step-radix-dialog-validation.txt
Engineer a complex [STEP_COUNT]-step wizard contained within a Radix UI Dialog. Each step must be validated using [VALIDATION_SCHEMA]. Implement a progress indicator that is accessible to screen readers (ARIA-live regions). The dialog must prevent accidental closure (via overlay click or Escape key) if the form is dirty, using a 'Confirmation Dialog' interceptor. Detail the [PERSISTENCE_STRATEGY] to ensure data isn't lost if the user accidentally closes the modal. Code must adhere to WAI-ARIA Authoring Practices for multi-page dialogs.
Example Output
"The AI generates a state machine-driven Dialog where each step is a sub-component, featuring custom onClose-prevention logic and ARIA-describedby updates for error states."