Generate progressive-enhancement forms using React 19 form actions, useActionState, and useFormStatus for server mutations.
Act as a React 19 forms expert. Build a form for [FORM_PURPOSE] using form actions. Use useActionState to manage [SERVER_ACTION] with pending/error states. Show useFormStatus for [SUBMIT_BUTTON] loading. Add [VALIDATION_RULES] with progressive enhancement so forms work without JS.
Free to copy and use. Compatible with Claude 4 Opus, GPT-5, Gemini 2.0 Flash.
Replace [FORM_PURPOSE] with what the form does, [SERVER_ACTION] with the mutation, [SUBMIT_BUTTON] with button label, and [VALIDATION_RULES] with constraints.
Initial release
Sign in and download this prompt to leave a review.