2. Simplifique os conceitos mais complexos<\/strong><\/h3>Quando usar a Hostinger Horizons, você pode adicionar vários recursos à sua aplicação web. Pode até parecer eficiente solicitar tudo em um único comando para economizar no seu limite de mensagens. Mas, se você dividir as ideias mais complicadas em tarefas menores, os resultados vão ser bem melhores.<\/p>
Essa técnica, chamada de prompting decomposto<\/strong>, ajuda a Hostinger Horizons a focar no que importa, sem se perder em detalhes demais. Separar as tarefas também ajuda a identificar e corrigir erros de forma mais rápida em áreas específicas.<\/p>Aqui estão alguns exemplos legais de prompts:<\/strong><\/p>“Crie um formulário para que os usuários possam avaliar filmes em uma escala de 1 a 5 estrelas e escrever uma crítica em um texto de até 500 palavras.”<\/em><\/p>“Desenvolva uma página de banco de dados de filmes exibindo os títulos de filmes com pôsteres, gêneros, datas de lançamento e classificações médias dos usuários, ordenável por classificação e data de lançamento.”<\/em><\/p>“Crie uma ferramenta de pesquisa onde os usuários possam encontrar filmes por título, gênero ou ator, com sugestões de preenchimento automático.”<\/em><\/p>Por quê?<\/strong> Ao falar de cada função em prompts específicos, o desenvolvimento fica mais focado, e o resultado é uma aplicação web para críticas de filmes prática e fácil de usar.<\/p>Aqui está um exemplo de um prompt que precisa de melhorias:<\/strong><\/p>Crie um site para críticas de filmes com contas de usuários, lista de filmes, envio de críticas e função de pesquisa.<\/em><\/p>Por quê? <\/strong>Esse prompt é muito amplo e faltam instruções detalhadas para cada uma das funções. Como consequência, a IA pode criar respostas que não estão completas ou são inconsistentes, o que aumenta o risco de erros.<\/p>Boas práticas para descomplicar ideias<\/strong><\/p>\nDefina a ordem das tarefas conforme as conexões entre elas<\/strong> – Identifique os recursos que dependem de outros e organize o desenvolvimento com isso.<\/li>\n\n\n\nDefina objetivos claros para cada recurso<\/strong> – Estabeleça metas e resultados específicos para que cada componente funcione conforme o esperado.<\/li>\n<\/ul>3. Comece pela função principal<\/strong><\/h3>Dando sequência à dica anterior, é sempre bom começar pela função principal antes de incluir recursos extras. Isso ajuda a Hostinger Horizons a definir as necessidades principais, criando uma base sólida antes de incluir recursos adicionais.<\/p>
Priorizar as características principais desde o começo ajuda a usar seu tempo e os limites de mensagem de forma mais eficiente, evitando complicações tanto para você quanto para a ferramenta logo no início.<\/p>
Aqui está um exemplo de um bom prompt:<\/strong><\/p>“Desenvolva uma plataforma de rede social que permita aos usuários criar perfis e compartilhar fotos com legendas. Inclua recursos básicos como registro de usuário, personalização de perfil e um feed de fotos exibindo posts dos usuários que são seguidos.<\/em><\/p>Por quê?<\/strong> Esse prompt destaca o essencial da plataforma, dando um escopo claro e tranquilo de gerenciar para a Hostinger Horizons trabalhar bem.<\/p>Aqui está um exemplo de um prompt que precisa de melhorias:<\/strong><\/p>“Crie uma plataforma de rede social com perfis de usuários, mensagens, compartilhamento de fotos, transmissão ao vivo, uma loja, uma seção de blog, integração com realidade virtual e recomendações de conteúdo impulsionadas por IA.”<\/em><\/p>Por quê?<\/strong> Esse prompt sobrecarrega a Hostinger Horizons com recursos demais, sem priorizar as funções mais importantes. Isso pode produzir resultados incompletos ou desorganizados.<\/p>Boas práticas para começar pela função principal<\/strong><\/p>\nDefina o propósito da sua aplicação web<\/strong> – Tenha clareza sobre oque sua aplicação foi projetada para fazer. Identifique o problema que ela resolve ou o valor que ela traz.<\/li>\n\n\n\nTeste as funções principais<\/strong>– Antes de adicionar mais recursos, teste todas a funções principais da sua aplicação web e resolva quaisquer problemas.<\/li>\n<\/ul>4. Adicione restrições e preferências<\/strong><\/h3>Além de descrever o que você espera que a Hostinger Horizons faça, especificar o que ela não deve fazer também ajuda a gerar um resultado melhor. <\/p>
Adicionar restrições ajuda a tornar seu prompt mais específico e menos ambíguo. <\/p>
Aqui está um exemplo de um bom prompt<\/strong>:<\/p>“Crie uma aplicação web básica para minha lista de tarefas. Aqui estão as limitações a serem consideradas:<\/em><\/p>\nNão inclua autenticação para usuários.<\/em><\/li>\n\n\n\nEvite usar transições ou animações.<\/em><\/li>\n\n\n\nUse apenas HTML, CSS e JavaScript, não incorpore nenhum framework ou outras bibliotecas.”<\/em><\/li>\n<\/ul>Por quê? <\/strong>Adicionar restrições permite que a Hostinger Horizons exclua tecnologias ou recursos indesejados da sua aplicação, tornando o resultado mais alinhado com seus desejos e ajudando a economizar tempo.<\/p>Um exemplo de prompt que precisa de melhorias<\/strong>:<\/p>“Crie uma aplicação web simples para minha lista de tarefas.”<\/em><\/p>Por quê? <\/strong>Nesse prompt, nós vemos falta de detalhes e clareza sobre as especificações da aplicação. Isso vai criar uma resposta geral que pode não atender às suas necessidades.<\/p>6. Mostre exatamente o que você quer usando imagens <\/strong><\/h3>A Hostinger Horizons permite que você importe imagens para orientar a IA na criação de sua aplicação web.<\/p>
É muito útil se você tiver um esboço, wireframe, paleta de cores ou referência de design que você quer que a Hostinger Horizons siga. Em vez de descrever tudo em texto, você pode enviar uma referência visual para deixar o resultado mais preciso.<\/p>
Basta clicar no botão Carregar arquivo<\/strong> no campo de prompt, selecionar a imagem que você deseja usar e escrever um comando descrevendo o que você quer que a IA faça.<\/p>Para deixar o design ainda melhor, você pode enviar capturas de tela. Se perceber que algo não está como gostaria, tire uma captura de tela da pré visualização à direita e indique o que deseja mudar. E então, a Hostinger Horizons vai fazer os ajustes.<\/p>
Inspire-se à vontade em sites existentes, mas tenha cuidado para não copiar designs protegidos por direitos autorais<\/strong>, não é recomendado e pode causar problemas legais. Você pode pedir para a Hostinger Horizons criar uma aplicação web com funções semelhantes, mas com uma aparência única e original, assim:<\/p>“Oi, eu quero criar uma aplicação web parecida com o LetterBox, que permite aos usuários procurar por filmes, avaliá-los e ler críticas. Anexei a captura de tela da plataforma. Queria que você usasse a imagem como inspiração para adicionar os recursos e decidir sobre a posição dos botões. Mas por favor, use um design único, com escolha de cores diferentes.”<\/em><\/p>7. Peça para a ferramenta corrigir problemas<\/strong><\/h3>A Hostinger Horizons está em acesso antecipado<\/strong>, então pequenos erros podem surgir ao criar aplicações web. É por isso que oferecemos uma garantia de reembolso de 30 dias<\/strong> se você mudar de ideia depois de experimentar.<\/p>A boa notícia é que a Hostinger Horizons inclui um recurso de depuração<\/strong> integrado que localiza e corrige problemas com base no seu comando. Quando um erro ocorre, a pré-visualização no painel direito não será exibida, em vez disso, a ferramenta mostrará uma mensagem de erro e indicará as linhas de código impactadas.<\/p>O que você pode fazer é copiar a mensagem de erro e o código, colar no campo de prompt e pedir para a Hostinger Horizons para analisar e corrigir, assim:<\/p>
“Opa, encontrei um erro na minha aplicação web. Você pode analisar esse código e corrigir o problema?<\/em> [insira as linhas de código afetadas]<\/em>“<\/p>Se aparecerem outros erros, repita o processo: copie o erro, peça para a ferramenta identificar e fazer a correção, até que sua aplicação funcione como você espera.<\/p>
Dicas avançadas para criar bons prompts<\/strong><\/h2>Além das dicas básicas, use as seguintes técnicas avançadas ao escrever prompts para a Hostinger Horizons para melhorar ainda mais a qualidade das respostas: <\/p>
Separe seu prompt por etapas<\/strong><\/h3>Nós sugerimos dividir ideias maiores em várias solicitações, mas você também pode preferir manter as tarefas relacionadas em uma única solicitação.<\/p>
Se esse for o seu caso, tente escrever sua instrução como um passo a passo, em vez de um único parágrafo. Usar etapas ajuda a Hostinger Horizons a seguir suas instruções em ordem cronológica, gerando resultados mais coerentes e consistentes.<\/p>
Além disso, um prompt bem definido permite ajustes e melhorias de forma mais eficiente.<\/p>
Aqui está um exemplo de um bom prompt<\/strong>:<\/p>“Crie uma página na minha aplicação que os usuários possam fazer cadastro e login. Como você deve fazer:<\/em><\/p>\nCrie uma página separada para usuários fazerem cadastro ou login.<\/em><\/li>\n\n\n\nAdicione formulários com nome de usuário, endereço de e-mail e senha. <\/em><\/li>\n\n\n\nConecte esses formulários com suas respectivas tabelas no banco de dados.<\/em><\/li>\n\n\n\nInsira um botão de ação para entrar ou se cadastrar.<\/em><\/li>\n\n\n\nAdicione um hiperlink que mude o usuário da página de login para a página de cadastro se eles ainda não tiverem uma conta.<\/em><\/li>\n\n\n\nMostre uma mensagem de erro se os dados inseridos forem inválidos.”<\/em><\/li>\n<\/ol>Por quê? <\/strong>Com um fluxo estruturado e separação de tópicos, esse prompt descreve passo a passo o que a Hostinger Horizons deve gerar. <\/p>Um exemplo de prompt que precisa de melhorias<\/strong>:<\/p>“Crie uma página na minha aplicação que os usuários possam fazer cadastro e login.” Adicione formulários para nome de usuário, endereço de e-mail e senha, que estão conectados às respectivas tabelas no banco de dados. Adicione dois botões para entrar\/cadastrar e redirecionamento para usuários que não têm uma conta. Se os dados inseridos forem inválidos, mostre um erro.<\/em><\/p>Por quê? <\/strong>A falta de uma organização mais clara no prompt pode dificultar o entendimento, fazendo com que a Hostinger Horizons perca informações importantes e gere um resultado incompleto. <\/p>
![\"hostinger](\"https:\/\/blog.hostinger.io\/br-tutoriais\/wp-content\/uploads\/sites\/53\/2025\/03\/hostinger-horizons-prompt-be-clear-and-specific-1024x432.png\")
<\/figure><\/div>![\"prompt](\"https:\/\/blog.hostinger.io\/br-tutoriais\/wp-content\/uploads\/sites\/53\/2025\/03\/hostinger-horizons-prompt-break-down-complex-ideas-1024x431.png\")
<\/figure><\/div>![\"prompt](\"https:\/\/blog.hostinger.io\/br-tutoriais\/wp-content\/uploads\/sites\/53\/2025\/03\/hostinger-horizons-prompt-start-only-with-core-functionality-1024x414.png\")
<\/figure><\/div>![\"adicionando](\"https:\/\/blog.hostinger.io\/br-tutoriais\/wp-content\/uploads\/sites\/53\/2025\/03\/hostinger-horizons-prompt-incorporate-constraint-preferences-1024x407.png\")
<\/figure><\/div>![\"ajustando](\"https:\/\/blog.hostinger.io\/br-tutoriais\/wp-content\/uploads\/sites\/53\/2025\/03\/hostinger-horizons-update-a-specific-part-of-the-application-based-on-the-image-input-1024x419.png\")
<\/figure><\/div>![\"usando](\"https:\/\/blog.hostinger.io\/br-tutoriais\/wp-content\/uploads\/sites\/53\/2025\/03\/hostinger-horizons-generate-a-web-application-using-an-image-as-inspiration-1024x423.png\")
<\/figure><\/div>![\"corrigindo](\"https:\/\/blog.hostinger.io\/br-tutoriais\/wp-content\/uploads\/sites\/53\/2025\/03\/hostinger-horizons-fix-the-given-error-message-1024x439.png\")
<\/figure><\/div>