Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Radix UI Dialog with File Upload Progress
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[MAX_FILE_SIZE] - ✦
[UPLOAD_PROTOCOL] - ✦
[PROGRESS_UI]
radix-dialog-file-upload-a11y.txt
Design a Radix UI Dialog that serves as a file upload hub. It must support drag-and-drop within the modal. During the [UPLOAD_PROTOCOL], the Dialog must display a [PROGRESS_UI]. You must solve for: focus management during state changes, ARIA progressbar integration, and ensuring that screen readers announce the completion or failure of the upload. Prevent the user from closing the modal during critical upload phases. Specify the [MAX_FILE_SIZE] validation logic within the modal state.
Example Output
"The AI outputs a 'FileUploaderDialog' that integrates Radix primitives with a progress state, using aria-valuemin/max/now attributes to communicate upload status."