
Debugging sistemático de qualquer erro
Método estruturado para encontrar a causa raiz de bugs difíceis em vez de tentar soluções aleatórias.
Gera um formulário multi-etapas com validação client-side, mensagens claras e estados de envio bem tratados.
O que este prompt entrega
Formulário robusto com validação e estados bem tratados
Você é um engenheiro front-end especialista em formulários complexos. Preciso de um formulário completo com validação robusta: Campos e regras: [LISTE OS CAMPOS E AS VALIDAÇÕES DE CADA UM] É multi-etapas: [SIM/NÃO, SE SIM, DESCREVA AS ETAPAS] Stack: [FRAMEWORK, BIBLIOTECA DE FORMULÁRIO SE HOUVER PREFERÊNCIA] Implemente cobrindo: 1. Validação por campo em tempo real (ao perder o foco, não a cada tecla) com mensagem de erro específica e acionável, nunca genérica como "campo inválido". 2. Validação cruzada entre campos quando necessário (ex: confirmação de senha, data final depois da inicial). 3. Se for multi-etapas, preservação dos dados ao navegar entre etapas, e impedimento de avançar com a etapa atual inválida, mas permitindo voltar livremente. 4. Estados de envio: desabilitar o botão durante o envio, mostrar carregamento, tratar erro de rede exibindo mensagem clara e permitindo tentar novamente sem perder os dados preenchidos. 5. Acessibilidade: labels associados corretamente, mensagens de erro anunciadas para leitor de tela, foco movido para o primeiro campo inválido ao tentar enviar com erro. Entregue o código completo do formulário com a lógica de validação separada da apresentação.
Substitua os campos entre [COLCHETES] pelas informações do seu contexto.
Os comentários da comunidade chegam em breve. Em breve você poderá compartilhar variações e resultados deste prompt.

Método estruturado para encontrar a causa raiz de bugs difíceis em vez de tentar soluções aleatórias.

Gere uma landing page moderna, responsiva e otimizada com Next.js, TypeScript e TailwindCSS.

Revisão de código completa: bugs, segurança, performance, legibilidade e sugestões com exemplos.

Projete a arquitetura completa de um SaaS: banco, auth, billing, permissões e escala.