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.

  • v0
  • lovable
  • bolt
  • vibe coding
  • web design
  • protótipo
  • landing page
  • ui

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.
Ver todos os prompts

Como usar este prompt

  1. Preencha os dados do formulário. O que ficar vazio continua entre colchetes.
  2. Copie o prompt e cole em uma conversa nova com sua IA.
  3. 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.