Design
Criar um site ou app com IA
Descreve seu site ou app para que v0, Lovable ou Bolt gerem uma primeira versão funcional e bem projetada.
Preencha os campos para adaptar este prompt ao seu caso e copie com um clique. Funciona no ChatGPT, Claude, Gemini e outras IAs.
Gere seu prompt
Dados para preencher:
- Tipo de produto
- Negócio ou projeto
- Objetivo
- Usuários
- Telas ou seções
- Funcionalidades principais
- Dados que manipula
- Estilo visual
- Cores e referências
- Fora desta versão
Construa [tipo de produto, por exemplo uma landing page, um painel de gestão ou um app de reservas] para [negócio ou projeto].
Objetivo: [o que o usuário precisa conseguir fazer]
Usuários: [quem vai usar e em qual dispositivo]
Telas ou seções: [lista de telas e o que cada uma contém]
Funcionalidades principais: [por exemplo busca, formulário de contato, carrinho ou reservas]
Dados que manipula: [entidades e seus campos principais, por exemplo Reserva: data, cliente e serviço; ou "nenhum"]
Estilo visual: [personalidade da marca, por exemplo minimalista e acolhedora]
Cores e referências: [cores da marca e sites que servem de referência]
Fora desta versão: [o que ainda não deve ser construído]
Requisitos:
- Design responsivo, pensado primeiro para celular.
- Um sistema visual consistente: a mesma escala tipográfica, espaçamento e estilos de botão em todas as telas.
- Textos reais e específicos em português, sem lorem ipsum.
- Hierarquia clara, com uma chamada para ação principal por tela.
- Acessibilidade básica: bom contraste, rótulos nos formulários e navegação por teclado.
- Estados de carregamento, vazio e erro nas telas que exibem dados.
- Componentes reutilizáveis e código organizado.
Trabalhe por etapas: primeiro construa a estrutura e a navegação com dados de exemplo realistas, e espere minha revisão antes de adicionar banco de dados, login ou pagamentos. Não adicione funcionalidades que eu não pedi.
Como usar este prompt
- Preencha os dados do formulário. O que ficar vazio continua entre colchetes.
- Copie o prompt e cole em uma conversa nova com sua IA.
- Se a resposta não convencer, peça ajustes concretos: "mais curto", "em uma tabela" ou "com exemplos do meu setor".
Tem um prompt próprio? Melhore-o com o otimizador de prompts.