Como pedir uma interface para uma IA

Transforme “faz uma telinha bonita” em um pedido com objetivo, estrutura, estados e critérios verificáveis.

O nome técnico reduz ambiguidades, mas não substitui o contexto. Um bom pedido conecta o componente à tarefa da pessoa, ao conteúdo real e ao comportamento esperado.

Use seis partes

1. Objetivo: quem vai usar e o que precisa concluir.
2. Padrão: nome do componente e onde ele aparece.
3. Conteúdo: campos, textos, limites e exemplos realistas.
4. Comportamento: o que abre, muda, fecha, salva ou navega.
5. Estados: espera, vazio, erro, sucesso e recuperação.
6. Verificação: o que demonstra que a tarefa funciona.

Um pedido mais preciso

Crie um painel lateral de edição de projeto em português do Brasil.

A pessoa abre o painel pela ação Editar de uma linha da tabela.
Mostre nome, descrição e responsável. Preserve os valores atuais.
Permita Salvar e Cancelar. Durante o envio, evite submissões duplicadas.
Se falhar, mantenha os dados e explique como tentar novamente.
Mostre confirmação apenas após o salvamento real.

No celular, o painel deve caber sem rolagem horizontal.
Implemente foco, Esc, rótulos e navegação por teclado.
Teste abrir, editar, cancelar, salvar, recarregar e consultar o resultado.

Separe aparência e funcionamento

Uma imagem pode explicar proporção, cor e hierarquia. Ela não define persistência, permissões ou entrega externa. Diga quais dados são reais e quais exemplos são didáticos. Se ainda falta integração, peça que isso fique explícito.

Use os prompts da biblioteca como ponto de partida

Os verbetes oferecem estrutura e cuidados do padrão. Acrescente seu público, tecnologia, dados e regras. Revise o resultado pela tarefa completa, não apenas pelo aspecto inicial.

Para aprofundar: referência oficial ↗. Os exemplos e as explicações desta página são conteúdo editorial da Biblioteca UI.