Primeiros passos
Como escrever bons prompts
O que escrever para receber o app que você imaginou: nomear as partes, mudar uma coisa de cada vez, apontar para o que você quer dizer e as regras que um app sempre segue.
Você não precisa escrever bem para o Setherion criar algo. Mas precisa deixar claro o que quer, e mais claro ainda o que quer mudar.
Tudo o que está abaixo é um hábito que vale a pena ter, não uma regra. Nada aqui é obrigatório, e uma frase simples funciona.
Diga o que é e para quem é
A primeira frase decide o que será criado. Ela é lida em busca de três coisas: que tipo de coisa é, sobre o que é e o que precisa ter.
| Em vez de | Escreva |
|---|---|
| Um site | Um site para uma clínica odontológica em Manchester, com os tratamentos, os preços e um formulário de agendamento |
| Um app para o meu negócio | Uma ferramenta em que minha equipe registra os consertos que termina, com uma lista que eu possa filtrar por dia |
| Uma loja | Uma loja que vende velas artesanais, com carrinho e pagamento com cartão |
| Algo bonito para a minha banda | Uma página para uma banda de rock, com os próximos shows, uma galeria de fotos e um link para o Spotify |
A linha acima da caixa, com Website, Web App, Mobile App, Landing Page, 3D Game e SaaS, faz o mesmo trabalho com um clique. Use-a quando a sua frase puder significar dois deles. “Um site para um centro médico” pode ser um site para os pacientes ou a tela em que a equipe trabalha, e essa marca resolve a dúvida.
Nomeie as partes que você quer
É mais fácil pedir um app como uma lista de partes do que como uma ideia. Tudo o que você nomeia é criado. Tudo o que você deixa de fora é adivinhado, e o palpite costuma ser razoável, mas continua sendo um palpite.
A landing page for a coffee shop, with the menu, the opening hours,
photos of the place, a map, and a form for table reservationsVocê não precisa descrever a aparência de cada parte. “Uma galeria” basta; “uma galeria com três colunas em um computador e uma em um celular” é o que já acontece.
Mude uma coisa de cada vez
Uma mudança é entendida em relação ao app como ele está agora, então pode ser curta. “Deixe o cabeçalho escuro” é uma solicitação completa.
Várias mudanças sem relação entre si em uma só mensagem são mais difíceis de acertar do que as mesmas mudanças enviadas uma depois da outra, e quando algo sai errado você não sabe qual parte causou o problema. Envie-as separadamente.
Em vez de uma mensagem com tudo:
Make the header dark, add a reservation button, change the font,
add a gallery and translate it into Germanenvie três, e olhe o app entre elas:
Make the header dark
Add a Reserve a table button in the header
Add a photo gallery under the menuPeça o que você quer, não o que você não quer. “Os preços deveriam ser mais fáceis de ler” deixa o como em aberto, que é o que você quer quando não tem certeza do que está errado. “Deixe a coluna de preços em negrito” é o que você quer quando tem.
Aponte para o que você quer dizer
Palavras como “aquele botão” não significam nada sozinhas, e existe um jeito mais rápido do que descrever onde ele está.
- Edit na pré-visualização: clique em uma palavra ou em uma imagem e mude diretamente, sem precisar de uma solicitação.
- A caixa acima da pré-visualização nomeia a seção que você está vendo e leva você a qualquer outra. O nome de uma seção na sua solicitação mostra que você está falando daquela parte.
- No código, selecione algumas linhas e envie-as com a sua mensagem. Elas chegam anexadas a ela, então “isso faz a coisa errada quando a lista está vazia” basta.
- Com o código ao lado da pré-visualização (Split view), ligue o ponteiro e clique em qualquer coisa na pré-visualização: o arquivo se abre na linha que a cria, pronto para anexar. Veja Código.
- Em uma imagem na visualização Code, Draw a marca em vermelho para mostrar o que você quer dizer, e Add to chat a envia com a sua próxima mensagem.
Mostre o que você quer dizer
O + ao lado da caixa aceita uma imagem ou um documento, e mais.
- Upload a file. Uma captura de tela ou uma foto de um design: o app é criado com essa aparência. Um cardápio, uma lista de preços, um catálogo em PDF, Word, texto, Markdown, CSV ou JSON: o que está dentro dele vai parar no app, em vez de ser inventado. Clique na miniatura depois para ver o que o construtor fez com ele.
- Import from Figma, para um design que você já tem: o app é criado a partir de um dos quadros dele. Import from Canva traz as páginas de um design como imagens para colocar no app.
- Import an app feito em outro lugar, do Lovable, Bolt, v0, Base44, GitHub, um ZIP ou uma planilha: o Setherion o cria de novo aqui. Esta opção fica no painel. Veja Importar um app.
- Connectors: os serviços que este app pode usar, como pagamentos ou e-mail. Skills: coisas para incluir nele, como login ou reservas. Veja Conectores e Skills.
- Connect your repo, em GitHub project no painel: entre no GitHub uma vez e depois envie o código pelo editor, em um plano pago.
No editor o menu é um pouco diferente: Upload file, Media AI (uma imagem ou um vídeo, feito e colocado no app: veja Ferramentas de mídia e design), Design (Figma e Canva), Connectors e Skills.
Fale em vez de digitar
O microfone ao lado do botão Build capta o que você diz. Suas palavras aparecem na caixa enquanto você fala, e você clica nele de novo para parar. Releia, mude o que quiser e envie. Ele funciona no idioma do próprio navegador. Veja Build, Chat e Plan.
Mostrar costuma ser mais rápido do que descrever uma aparência com palavras, e é a única forma de levar o seu próprio conteúdo para a primeira versão.
Escreva no seu idioma
Escreva do jeito que você fala. O Setherion identifica em que idioma está a sua solicitação, e o app sai nesse idioma: seus botões, seus títulos, as palavras de suas páginas.
Romeno, inglês, espanhol, francês, alemão, italiano, português, holandês, polonês e tudo o que for escrito em letras chinesas, japonesas, coreanas, russas, árabes, hebraicas ou gregas são reconhecidos. Se você quiser um app em um idioma diferente do que está usando para escrever, diga: “em inglês” no fim da solicitação basta.
Regras que o app sempre segue
Algumas coisas você não deveria precisar repetir. No editor, AI Controls fica no fim da lista de modelos: clique no botão de modelo ao lado da caixa, o que diz Auto. Ele tem duas opções:
- Custom instructions: regras seguidas em toda criação e em toda mudança deste app. “Mantenha o tema escuro”, “nunca use laranja”, “todos os preços em libras”, “escreva os textos em tom formal”.
- Freeze Files: arquivos em que nada pode mexer. Congele a página que você deixou exatamente como queria, e a próxima mudança não poderá desfazê-la.
Veja Ajustes da IA para as duas.
Quando você não tem certeza do que quer
Dois modos existem exatamente para isso.
- Plan, atrás do botão Build no painel e no editor, faz algumas perguntas rápidas e mostra um mapa do app antes de escrever um único arquivo. Vale a pena para tudo o que você não pensou até o fim. Alt+P passa para o próximo modo sem abrir o menu.
- Chat, no editor, conversa sobre o app e nunca mexe no seu código. Pergunte “o que você acrescentaria a esta página?” ou “por que o formulário está no fim?” e nada acontece com o app.
Quando algo sai errado
Diga o que está errado, não apenas que está errado. “O formulário não envia” é um relato; “o formulário diz que enviou, mas nada chega” é algo que dá para corrigir.
Se uma mudança piorou as coisas, diga isso também. “Volte o menu para como estava antes daquela mudança” é entendido.
Esta página foi útil?
