Prompts para a Hostinger Horizons: Desenvolva sua aplicação web de maneira eficaz
A Hostinger Horizons é uma ferramenta de IA sem código que permite que você crie aplicações web apenas escrevendo prompts. Ela usa processamento de linguagem natural (NLP) para interpretar seus comandos e criar designs com recursos totalmente funcionais, sem necessidade de conhecimento em programação.
Para ter resultados melhores, você precisa dar instruções claras e detalhadas. Fornecer instruções detalhadas garante que a Hostinger Horizons compreenda suas necessidades e ofereça os melhores resultados possíveis. Se faltar clareza nas instruções, os resultados podem não atender às suas expectativas.
Neste artigo, você vai aprender como escrever prompts claros e precisos para a Hostinger Horizons. Com dicas, exemplos práticos e os principais erros a evitar, você vai aprender a escrever bons prompts. E com esse aprendizado, você criará aplicações web do seu jeito, precisando de poucos ajustes.
Conteúdo
Dicas para escrever prompts para a Hostinger Horizons
Da concisão à iteração e ajuste dos inputs, estas dicas vão ajudar você a desenvolver sua aplicação web de forma eficaz com a Hostinger Horizons.
1. Clareza e especificidade
Para garantir precisão total, seu comando deve ser direto e detalhado, sem margem para interpretações erradas. Explique de forma clara a tarefa, o resultado esperado e o contexto.
Usando instruções detalhadas, você ajuda a Hostinger Horizons a entender seus critérios, reduzir a necessidade de ajustes manuais e garantir que a ferramenta com IA responda de acordo com as suas exigências.
Aqui está um exemplo de um bom prompt:
“Crie uma ferramenta alimentada por IA para sugestão de receitas que permita aos usuários inserir os ingredientes disponíveis e receber recomendações de receitas personalizadas. Mostre detalhes da receita, incluindo tempo de preparo, nível de dificuldade e instruções passo a passo. Construa uma interface moderna com cores de fundo em tons pastel e imagens de alimentos com alta qualidade.”
Por quê? Esse prompt fornece instruções claras sobre o conteúdo, estrutura e elementos de design, para que a Hostinger Horizons possa gerar uma página que se aproxime ao máximo da visão do usuário.
Aqui está um exemplo de um prompt que precisa de melhorias:
“Crie uma ferramenta para receitas.”
Por quê? Esse pedido é muito vago e não possui detalhes importantes sobre o tipo de ferramenta de receita que o usuário precisa, como o propósito, características, conteúdo e preferências de design. Assim, a Hostinger Horizons vai te dar uma ferramenta de receita, mas pode estar distante do que você realmente precisa e vai exigir adaptações manuais.
Boas práticas para escrever prompts claros e específicos
- Descreva a interação entre usuário e o app : descreva como os usuários devem navegar pela aplicação e interagir com seus recursos.
- Especifique preferências de design e estética: dê detalhes sobre os aspectos visuais para que a Hostinger Horizons possa alinhar o design com a identidade da sua marca ou estilo pessoal.
Sugestão de leitura
Conheça a interface e as principais características da Hostinger Horizons lendo nosso guia.
2. Simplifique os conceitos mais complexos
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.
Essa técnica, chamada de prompting decomposto, 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.
Aqui estão alguns exemplos legais de prompts:
“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.”
“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.”
“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.”
Por quê? 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.
Aqui está um exemplo de um prompt que precisa de melhorias:
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.
Por quê? 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.
Boas práticas para descomplicar ideias
- Defina a ordem das tarefas conforme as conexões entre elas – Identifique os recursos que dependem de outros e organize o desenvolvimento com isso.
- Defina objetivos claros para cada recurso – Estabeleça metas e resultados específicos para que cada componente funcione conforme o esperado.
3. Comece pela função principal
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.
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.
Aqui está um exemplo de um bom prompt:
“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.
Por quê? Esse prompt destaca o essencial da plataforma, dando um escopo claro e tranquilo de gerenciar para a Hostinger Horizons trabalhar bem.
Aqui está um exemplo de um prompt que precisa de melhorias:
“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.”
Por quê? Esse prompt sobrecarrega a Hostinger Horizons com recursos demais, sem priorizar as funções mais importantes. Isso pode produzir resultados incompletos ou desorganizados.
Boas práticas para começar pela função principal
- Defina o propósito da sua aplicação web – Tenha clareza sobre oque sua aplicação foi projetada para fazer. Identifique o problema que ela resolve ou o valor que ela traz.
- Teste as funções principais– Antes de adicionar mais recursos, teste todas a funções principais da sua aplicação web e resolva quaisquer problemas.
4. Adicione restrições e preferências
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.
Adicionar restrições ajuda a tornar seu prompt mais específico e menos ambíguo.
Aqui está um exemplo de um bom prompt:
“Crie uma aplicação web básica para minha lista de tarefas. Aqui estão as limitações a serem consideradas:
- Não inclua autenticação para usuários.
- Evite usar transições ou animações.
- Use apenas HTML, CSS e JavaScript, não incorpore nenhum framework ou outras bibliotecas.”
Por quê? 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.
Um exemplo de prompt que precisa de melhorias:
“Crie uma aplicação web simples para minha lista de tarefas.”
Por quê? 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.
6. Mostre exatamente o que você quer usando imagens
A Hostinger Horizons permite que você importe imagens para orientar a IA na criação de sua aplicação web.
É 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.
Basta clicar no botão Carregar arquivo 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.
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.
Inspire-se à vontade em sites existentes, mas tenha cuidado para não copiar designs protegidos por direitos autorais, 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:
“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.”
7. Peça para a ferramenta corrigir problemas
A Hostinger Horizons está em acesso antecipado, então pequenos erros podem surgir ao criar aplicações web. É por isso que oferecemos uma garantia de reembolso de 30 dias se você mudar de ideia depois de experimentar.
A boa notícia é que a Hostinger Horizons inclui um recurso de depuração 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.
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:
“Opa, encontrei um erro na minha aplicação web. Você pode analisar esse código e corrigir o problema? [insira as linhas de código afetadas]“
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.
Dicas avançadas para criar bons prompts
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:
Separe seu prompt por etapas
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.
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.
Além disso, um prompt bem definido permite ajustes e melhorias de forma mais eficiente.
Aqui está um exemplo de um bom prompt:
“Crie uma página na minha aplicação que os usuários possam fazer cadastro e login. Como você deve fazer:
- Crie uma página separada para usuários fazerem cadastro ou login.
- Adicione formulários com nome de usuário, endereço de e-mail e senha.
- Conecte esses formulários com suas respectivas tabelas no banco de dados.
- Insira um botão de ação para entrar ou se cadastrar.
- Adicione 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.
- Mostre uma mensagem de erro se os dados inseridos forem inválidos.”
Por quê? Com um fluxo estruturado e separação de tópicos, esse prompt descreve passo a passo o que a Hostinger Horizons deve gerar.
Um exemplo de prompt que precisa de melhorias:
“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.
Por quê? 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.
Inclua termos técnicos
Se você tem noções de programação ou design de sites, inclua termos técnicos no seu prompt. Por exemplo, você pode usar termos como flexbox, lazyloading e design minimalista.
Adicionar termos técnicos torna seu prompt mais eficiente e específico, minimizando a ambiguidade. Isso também garante que a resposta da IA esteja mais alinhada com as suas expectativas.
Exemplos de bons prompts:
“Mude o design da minha aplicação web para um design minimalista, use apenas elementos bidimensionais e uma paleta de cores monocromática.”
“Implemente o lazyloading na minha aplicação web usando CSS e JavaScript. Use a API IntersectionObserver para carregar imagens quando elas aparecem na viewport do usuário.”
Por quê? Esses prompts fornecem detalhes técnicos e uma explicação clara do que incluir na aplicação, permitindo que a Hostinger Horizons compreenda melhor suas demandas.
Exemplos de prompts que precisam de melhorias:
“Mude o design da minha aplicação web. Eu quero que seja muito simples e básico, tanto em termos de cor quanto de design.”
“Faça minha aplicação web carregar imagens apenas quando os usuários as visualizarem.”
Por quê? Essas instruções são vagas e podem ser mal interpretadas. Por exemplo, design simples e básico nem sempre significa um design plano.
Gerenciando créditos e evitando os limites de prompts
Assim como outras ferramentas de IA para desenvolvimento, a Hostinger Horizons tem um limite para prompts, tornando importante gerenciar seu crédito de forma eficiente.
Um erro comum ao usar a Hostinger Horizons é gastar muitos créditos na construção da aplicação web. O ideal é separar alguns créditos para integração de serviços externos e resolução de problemas.
Mesmo que o limite de mensagens seja reiniciado mensalmente, e que você tenha a opção de fazer upgrade para ter mais créditos, administrar bem seus créditos ajuda a tornar seu desenvolvimento mais eficiente.
Confira as estratégias de incentivo da Hostinger Horizons para te ajudar a usar seus créditos de comandos da forma mais eficiente possível.
- Escreva um prompt detalhado e claro para evitar repetir pontos básicos depois.
- Revise seu prompt antes de enviá-lo para que você não desperdice seus créditos para completar a instrução inicial.
- Pegue o primeiro resultado como base e vá refinando cada aspecto do desenvolvimento separadamente. Primeiro, ajuste os elementos visuais, depois passe para as funcionalidades.
- Para cada novo ajuste, mantenha a estrutura do prompt original: esclareça o objetivo, forneça especificações detalhadas e alinhe suas expectativas.
- Um prompt bem estruturado garante melhores resultados.
No entanto, lembre-se de que a quantidade de créditos consumidos dependerá principalmente da complexidade da sua aplicação web.
Conclusão
Como uma ferramenta de desenvolvimento alimentada por IA, a Hostinger Horizons precisa receber prompts de alta qualidade para fornecer resultados mais precisos. Seu prompt deve ser detalhado, fornecendo informações suficientes sobre as exigências do seu projeto.
Comece descrevendo a função principal da sua aplicação e, depois, passe para os detalhes. Para tornar suas instruções mais claras, divida tarefas complexas em várias solicitações e inclua restrições para que a Hostinger Horizons entenda melhor o que incluir no seu projeto.
Caso tenha um design ou referência visual você pode fazer o upload na interface da Hostinger Horizons para ajudar no desenvolvimento.
Esperamos que este artigo ajude você a criar comandos mais eficientes e tornar o desenvolvimento web ainda mais produtivo.Se você tem perguntas sobre a Hostinger Horizons, deixe um comentário abaixo ou leia nosso FAQ da Hostinger Horizons.
Perguntas Frequentes (FAQ) sobre prompts para a Hostinger Horizons
Que tipo de aplicações web eu posso criar?
A Hostinger Horizons permite que você construa praticamente qualquer tipo de aplicação, desde um jogo de damas on-line que conecta jogadores aleatórios até uma plataforma mais elaborada de controle de horas trabalhadas. Porém, você não pode construir aplicações de nível empresarial, como uma ferramenta para controle de caixa da empresa ou folha de pagamento, devido às limitações da IA.
Quão detalhados devem ser meus prompts?
Quanto mais detalhados forem seus prompts, melhores serão os resultados dados pela Hostinger Horizons. O ideal é explicar a tarefa, o resultado desejado, contexto e requisitos da aplicação de forma clara. É melhor começar com um prompt mais amplo que abrange as áreas básicas do seu projeto e refinar os detalhes em seguida.
O que devo fazer se o resultado não sair como esperado?
É normal que uma ferramenta de IA forneça um resultado inicial um pouco diferente do que você espera. Neste caso, dê mais comandos para refinar o resultado, para que ele esteja mais alinhado com as suas expectativas. Altere um aspecto da sua aplicação de cada vez até obter o resultado desejado, depois passe para o próximo.
Ana é formada em Línguas Estrangeiras Aplicadas às Negociações Internacionais pela Universidade Estadual de Santa Cruz, na Bahia. Atualmente atua como tradutora após 3 anos na equipe de Customer Success da Hostinger. Interessada por tecnologia, viagens, cinema e culinária.
