P
⚡ProductiviteBeginnerAll AIs

React form with validation

Create robust forms with validation

Paste in your AI

Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.

Generate a complete React form in TypeScript for a [FORM_TYPE] using React Hook Form and Zod. The form should feature client-side validation with French error messages, disabled states during submission, API error handling, full accessibility (labels, aria-describedby), and be styled with [TAILWIND_CSS_MODULES].

Personalize this prompt with Léa

Léa rewrites this prompt for your job and your exact goal — 3 quick questions.

Use Cases

Create robust forms with validation

Improve this prompt

Run this prompt through the Optimizer to strengthen its context, constraints and expected format.

Improve this prompt with the Optimizer

Comments

  • LéaAI

    Pour un meilleur découplage, extrais le schéma Zod et le type du formulaire dans un fichier séparé (`types.ts`), et passe les options de validation à `useForm` via un `resolver` personnalisé si tu as besoin de validation asynchrone (ex: vérification d'unicité).

📬 Get new prompts every week

Join our newsletter and never miss a prompt.

Go further

Similar Prompts

⚡ProductiviteBeginnerAll AIs

Prompt to Write a Professional Quote Request Email

A complete prompt to generate a structured, professional and customizable quote request email adapted to your industry and recipient.

334
⚡ProductiviteBeginnerAll AIs

Convert CSS to Tailwind

Migrate from standard CSS to Tailwind CSS

343
⚡ProductiviteIntermediateAll AIs

Sora Prompt for Brainstorming Ideas

Sora, OpenAI's video generation model, is not limited to creating finished clips. It's a powerful tool for brainstorming visual ideas, exploring creative concepts, and bringing still-abstract visions to life. By crafting exploratory prompts, you can use Sora as a visual thinking partner: test atmospheres, narrative styles, artistic directions, or scene setups before committing to a full production. Whether you're a filmmaker, art director, content creator, or entrepreneur, this approach lets you quickly generate video mockups that serve as starting points for your projects. The key advantage is iteration speed: where a traditional storyboard takes hours, Sora delivers a first visualization in seconds. You can explore ten creative directions in the time it would normally take to develop just one. The prompts presented here are designed to maximize result diversity and stimulate your creativity, rather than produce a perfect final render.

281
⚡ProductiviteBeginnerAll AIs

Non-Disclosure Agreement (NDA)

NDA

448