Um bom prompt para criar site com IA diz o objetivo, o público, as páginas, os recursos que precisam de dados ou login, os pagamentos ou e-mails e o visual desejado. Uma mensagem clara, com arquivos de referência anexados, vale mais do que dez mensagens vagas, porque cada construção consome parte da cota de uso do seu plano.
- Use seis partes: objetivo, público, páginas, dados e recursos, integrações e visual.
- Detalhe cada recurso que salva dados ou exige login, e quem pode ver o quê. É aí que os prompts vagos falham.
- Diga quais serviços externos você vai usar, como a Stripe ou a sua conta de e-mail, para que a construção já os deixe prontos para receber as suas chaves.
- Anexe os seus próprios arquivos e explique para que serve cada um.
- Peça alterações indicando página, elemento e resultado esperado, e junte tudo em uma só mensagem.
Por que a primeira mensagem importa
Na WisyLink, cada construção consome a cota de uso contínua do seu plano, que tem uma janela de 5 horas e uma janela semanal. No plano gratuito Community, uma construção ocupa toda a janela de 5 horas. Uma primeira mensagem que esquece metade dos requisitos custa uma construção e uma espera até você poder corrigir.
A primeira mensagem também define a estrutura do site: quais páginas existem, o que fica salvo, que tipos de usuário há e o que cada um pode ver. Cores, textos e layout são baratos de mudar depois. A estrutura é a parte cara de refazer, porque um novo perfil de usuário ou um novo tipo de registro mexe em muitas páginas ao mesmo tempo. Coloque a estrutura na primeira mensagem.
Uma mensagem completa também significa menos perguntas. A Wisy, assistente do chat, faz uma pergunta curta sempre que falta algo importante e só começa a construir quando tem o que precisa. Quanto mais a mensagem responde de antemão, mais cedo a construção começa. A distância entre o que você quis dizer e o que é construído é real; nosso ensaio sobre fidelidade de intenção explica onde ela surge.
A fórmula do prompt em 6 partes
Cubra estas seis partes, nesta ordem, e a primeira construção terá muito menos a adivinhar:
- Objetivo. O que o site precisa alcançar, em uma frase. “Coletar inscrições na lista de espera antes do lançamento”, e não “um site para a minha startup”.
- Público. Quem usa o site, incluindo cada tipo de usuário: visitantes, membros, clientes, funcionários, administradores.
- Páginas. Liste as páginas, ou as seções de um site de página única.
- Dados e recursos. O que fica salvo, quem pode ver ou alterar e as regras: limites de vagas, campos obrigatórios, prazos, status.
- Integrações. Pagamentos, envio de e-mail, login social ou outro serviço com API. Diga o que cada um faz; as chaves você adiciona depois da construção, em Integrações, nunca no chat.
- Visual. Dois ou três adjetivos, as suas cores, o seu logotipo em anexo e o idioma ou os idiomas do site.
| Parte do prompt | Versão fraca | Versão forte |
|---|---|---|
| Objetivo | “Um site para o meu estúdio de ioga” | “Fazer novos alunos agendarem a primeira aula pelo site” |
| Público | “Todo mundo” | “Iniciantes de 30 a 60 anos que moram perto; só eu sou administradora” |
| Páginas | “As páginas de sempre” | “Início, Horários, Preços, Sobre, Contato” |
| Dados e recursos | “Agendamentos” | “Reserva em turmas de no máximo 10; nome e e-mail obrigatórios; sem reservas depois que a aula começar” |
| Integrações | “Pagamentos” | “Checkout da Stripe para um pacote de 10 aulas; recibo por e-mail pela minha conta SMTP” |
| Visual | “Moderno e limpo” | “Calmo e arejado: off-white, verde-sálvia, botões arredondados, logotipo em anexo; em português” |
Qual deve ser o tamanho do prompt? O suficiente para cobrir as seis partes, o que normalmente dá alguns parágrafos curtos. Tamanho sem detalhe não ajuda; uma longa história sobre a sua trajetória não dá ao criador nada para construir. Como teto, a API e a CLI da WisyLink aceitam mensagens de até 5.000 caracteres, o que é mais do que suficiente até para um briefing detalhado.
Dá para escrever em português? Dá. A Wisy responde no idioma da sua última mensagem, seja português, espanhol ou qualquer outro. O idioma do site é outra questão: ele fica no idioma em que foi construído, a menos que você peça explicitamente uma tradução. Então, se você escreve em português mas quer um site em inglês, diga “o site deve ser em inglês”.
Modelos para copiar e colar: cinco tipos de site
Troque tudo o que está entre [colchetes], apague as partes opcionais de que você não precisa, anexe os seus arquivos e envie. Cada modelo segue a fórmula de seis partes.
Landing page com lista de espera
Crie uma landing page de página única para [nome do produto], [uma frase sobre o que ele faz] para [quem é o público].
Seções: título e subtítulo, três benefícios principais, como funciona em três passos, um FAQ curto e um formulário de lista de espera (e-mail obrigatório, [opcional: tamanho da empresa ou cargo]).
Salve cada inscrição, recuse e-mails duplicados e mostre uma mensagem de confirmação na página. Crie uma página de administração, só para mim, que liste as inscrições com a data e me deixe baixá-las em um arquivo CSV.
Visual: [dois ou três adjetivos], [cores], use o logotipo em anexo. Idioma: [idioma].
Por que funciona: um único objetivo, um formulário e uma regra clara para duplicados. Atenção: um título que promete mais do que o seu produto entrega. Reescreva-o com as suas palavras.
Site de agendamento
Crie um site de agendamento para [nome do negócio], um(a) [tipo de negócio] em [cidade].
Os visitantes veem os [horários ou aulas] disponíveis nas próximas [duas] semanas e agendam informando nome, e-mail e telefone. Serviços: [lista com duração e preço, ou “veja a tabela de preços em anexo”]. Cada horário comporta [1] agendamento; quando lotar, ninguém mais consegue reservar. Mostre uma página de confirmação depois do agendamento.
Página de administração, só para mim: incluir ou remover horários disponíveis, ver e cancelar agendamentos. [Opcional: mandar e-mail para mim e para o cliente quando houver um agendamento, pela minha conta SMTP.]
Páginas: Início, Serviços, Agendar, Contato. Visual: [estilo]. Idioma: [idioma].
Por que funciona: o limite de vagas e a regra “lotou, fechou” estão explícitos, então os agendamentos não se chocam. Atenção: fuso horário e horário de funcionamento. Deixe-os claros se houver clientes agendando de outros estados ou de fora do país.
Pequena loja virtual
Crie uma pequena loja virtual para [nome da loja], que vende [o quê] para [quem].
Os produtos estão no arquivo anexo [produtos.csv] (colunas: nome, categoria, preço, estoque, descrição, nome do arquivo da foto); use as fotos em anexo. Cada produto tem sua própria página. A página da loja filtra por categoria e preço.
Checkout pela Stripe com [entrega ou retirada no local]. Salve cada pedido primeiro e só marque como pago quando a Stripe confirmar. Diminua o estoque quando um pedido for pago e mostre “esgotado” quando chegar a zero.
Página de administração: editar produtos e estoque, ver pedidos e marcá-los como enviados. Visual: [estilo]. Idioma: [idioma].
Por que funciona: os dados chegam em um arquivo organizado, e a regra de pagamento está declarada. Atenção: pedir um campo de busca para um catálogo grande. A WisyLink filtra por campos como categoria e preço, mas não tem busca por texto livre, então filtros são o pedido certo.
Portal do cliente
Crie um portal do cliente para [nome da agência ou do escritório].
Eu crio as contas dos clientes em uma página de administração; os clientes não podem se cadastrar sozinhos. Cada cliente entra com login e vê só os próprios projetos: status, próximos passos e os arquivos que eu envio para ele, mantidos privados. Os clientes podem me enviar arquivos de até [tamanho] MB cada e comentar em um projeto.
Página de administração: criar clientes e projetos, mudar o status, enviar arquivos, ler comentários. [Opcional: mandar e-mail para o cliente quando o status do projeto mudar, pela minha conta SMTP.]
Visual: [profissional, minimalista], [cores da marca], o logotipo em anexo. Idioma: [idioma].
Por que funciona: diz quem cria as contas e que cada cliente vê só os próprios dados, as duas decisões de que um portal depende. Atenção: tamanho dos arquivos. Os envios têm limite de 25 MB por arquivo.
Ferramenta interna
Crie um controle interno de [solicitações, estoque ou equipamentos] para a nossa equipe de [número] pessoas.
Os funcionários entram com contas que eu crio. Eles podem [registrar uma solicitação ou retirar um item] com estes campos: [campos]. Status: [Novo, Em andamento, Concluído]. Os gestores mudam o status e atribuem itens a uma pessoa; os funcionários veem [só os próprios itens ou todos].
Página de lista com filtros por status, pessoa e data, e um resumo com a contagem por status. Use o arquivo anexo [arquivo.xlsx] como lista inicial de [itens].
Visual limpo e compacto, pensado primeiro para computador. Idioma: [idioma].
Por que funciona: perfis, status e visibilidade estão todos nomeados. Atenção: qualquer coisa que precise rodar em um minuto exato. As tarefas agendadas da WisyLink rodam em intervalos de 30 a 60 minutos, o que serve para lembretes e limpezas, mas não para cronômetros precisos.
Quer testar um? Comece grátis no Community, cole um modelo e anexe os seus arquivos.
Como usar arquivos de referência
Os arquivos levam os detalhes que o prompt não deveria precisar carregar. A WisyLink aceita 17 tipos de arquivo, com até 25 MB cada, entre eles imagens (JPEG, PNG, WebP, GIF, HEIC, SVG), PDF, Word, Excel, CSV, texto simples e JSON. Para que serve cada um:
- Logotipo: SVG ou PNG com fundo transparente, para que ele fique bem sobre qualquer cor.
- Cardápio ou folheto em PDF: a fonte oficial de itens, descrições e preços.
- Tabela de preços ou CSV de produtos: uma linha por item, uma linha de cabeçalho com nomes de coluna simples, categorias escritas sempre do mesmo jeito e nomes de arquivo de foto iguais aos das fotos que você enviar.
- Textos que você já tem: o seu texto de Sobre ou as descrições dos serviços em um arquivo Word ou de texto, para que as palavras continuem sendo suas.
- Capturas de tela da sua própria marca: o seu panfleto, a sua embalagem ou o seu site atual, para levar as cores e o clima para o novo site.
Diga para que serve cada arquivo: “pegue os preços de precos.csv, use equipe.jpg na página Sobre, siga as cores de panfleto.pdf”. Os arquivos ficam guardados nos arquivos de referência do link (na interface, “Ficheiros de referência”), então as próximas construções podem usá-los sem novo envio. Em listas longas, confira o resultado por amostragem com o arquivo e peça uma página de administração para você mesmo corrigir os itens.
Use material seu. Uma captura de tela do site de outra empresa convida a uma cópia do design dela, o que não é original nem seguro. Em vez disso, descreva o que você gosta nele: “fotos grandes, bastante espaço em branco, uma única cor de destaque forte”.
Prompts de ajuste: como pedir alterações com precisão
Um bom pedido de alteração tem quatro partes: onde, o quê, a mudança e a regra por trás dela. Compare:
- “Deixa mais chamativo” vira “Na página inicial, aumente o botão Agendar aula, deixe-o verde-escuro e faça ele aparecer sem rolar a tela no celular.”
- “Arruma o formulário” vira “Na página Contato, o formulário aceita e-mail em branco. Torne o e-mail obrigatório e mostre o erro embaixo do campo.”
- “Os agendamentos estão quebrados” vira “Reservei a aula das 18h de terça e ela continua mostrando 10 de 10 vagas livres. Cada reserva deveria diminuir uma vaga.”
Para erros, descreva o que você fez, o que aconteceu e o que deveria ter acontecido. Para vários ajustes, mande uma lista numerada em uma única mensagem. E você sempre pode mudar de direção por completo: “Refaça o design do site inteiro em um estilo mais escuro e sofisticado; mantenha o conteúdo e as páginas” é um ótimo pedido de ajuste.
O hábito por trás de tudo isso é dar ao criador o contexto certo, em vez de buscar palavras espertas, uma ideia que exploramos em engenharia de contexto. É também o que separa um prompt disciplinado de um chute, como defendemos no texto sobre a disciplina do vibe coding.
Erros que desperdiçam construções
- Mandar a ideia aos pedaços. Cinco mensagens curtas significam cinco rodadas de perguntas ou de construções. Escreva o briefing inteiro primeiro.
- Esquecer quem pode ver o quê. “Os clientes podem fazer login” sem “e ver só os próprios arquivos” é uma lacuna comum em portais e áreas de membros.
- Pedir o que a plataforma não faz. Apps nativos para a App Store, fotos ou vídeos gerados por IA, busca por texto livre em um catálogo grande e agendamentos com precisão de minuto não estão disponíveis. Peça o app web, fotos de banco de imagens ou suas, filtros e tarefas a cada 30 a 60 minutos.
- Colar chaves ou senhas no chat. O lugar delas é em Integrações, e a Wisy não as aceita no chat de qualquer forma.
- Trocar de idioma sem querer. Escrever um pedido de ajuste em outro idioma não traduz o site. Peça uma tradução se quiser uma.
- Palavras de estilo sem nada por trás. “Moderno” não diz nada sem cores, um clima e um logotipo.
- Pedir prova social inventada. Avaliações falsas, logotipos de clientes ou “10.000 clientes satisfeitos” enganam os visitantes. Use depoimentos reais, com autorização, ou deixe a seção de fora.
- Querer demais no plano gratuito. As construções gratuitas focam em uma primeira versão que funcione. Comece pelo fluxo principal e acrescente recursos quando ele estiver funcionando.
Checklist antes de enviar
Antes de apertar enviar, confira se a sua mensagem cobre:
- O objetivo, em uma frase
- Todos os tipos de usuário, incluindo você como administrador
- A lista de páginas ou seções
- Tudo o que fica salvo, e quem pode ver e alterar
- As regras: limites de vagas, campos obrigatórios, prazos, status
- Pagamentos, e-mail ou outros serviços, com o nome do provedor
- O visual: adjetivos, cores, logotipo anexado
- O idioma ou os idiomas do site
- Cada arquivo anexado, com a função de cada um
- O seu conteúdo real no lugar de tudo o que, de outro modo, ficaria para a IA adivinhar
Envie sua primeira mensagem
Escolha o modelo mais parecido com o seu projeto, preencha os colchetes, anexe os seus arquivos e passe pelo checklist uma vez. Se você quer o passo a passo completo, da primeira mensagem ao domínio próprio, leia como criar um site com IA; para entender o quadro geral, veja o que é um criador de aplicativos com IA. Para mais ideias de projeto em que adaptar estes modelos, confira os casos de uso.
Descreva em uma mensagem e receba um link no ar: comece grátis no Community, sem cartão de crédito.
F.A.Q.