Como trabalhar
com a Prompteria.
Entenda a biblioteca, escolha o prompt certo e leve o resultado para qualquer ferramenta ou stack.
O que é a Prompteria?
Uma biblioteca brasileira de prompts em inglês, criada para transformar ideias em interfaces, painéis, apresentações e experiências HTML mais fortes.
Ver orientação completa+
Você começa por um resultado visual, escolhe o prompt correspondente e usa esse conteúdo como direção para a IA. Em vez de pedir “faça um site moderno” do zero, você entrega estrutura, comportamento, estética e critérios claros para o modelo executar.
Como funciona?
Escolha um resultado, copie o prompt e cole na ferramenta de IA que já faz parte do seu fluxo.
Ver orientação completa+
O prompt descreve o resultado esperado, a composição, o movimento, as interações e as decisões técnicas. Você pode executar o prompt como está para gerar um HTML completo ou acrescentar contexto para que a IA trabalhe dentro do seu projeto atual.
- Abra um card e avalie a prévia do resultado.
- Entre na sua conta e copie o prompt completo.
- Cole o conteúdo na IA sem remover instruções.
- Envie seu contexto, referências e restrições.
- Revise o resultado e faça novas iterações.
Prompt e resultado visual
A prévia mostra a direção que o prompt busca produzir; ela não é um arquivo pronto para download.
Ver orientação completa+
A Prompteria vende acesso aos prompts. Cada resultado pode variar conforme o modelo, a versão da ferramenta, os arquivos enviados e a quantidade de contexto. A prévia funciona como referência de qualidade, composição e movimento para você comparar com a geração.
Qual modelo de IA usar?
Os prompts são escritos em linguagem estruturada e podem funcionar no Claude, ChatGPT, Gemini e outras IAs capazes de gerar código.
Ver orientação completa+
Experiências com animação, WebGL, Three.js ou muitas interações exigem modelos mais fortes e uma janela de contexto ampla. Se o resultado mantiver a estrutura, mas perder profundidade ou movimento, teste primeiro um modelo mais avançado antes de reescrever o prompt.
O que existe na biblioteca?
A coleção reúne dashboards, apresentações, componentes, landing pages, heroes e experiências visuais em HTML.
Ver orientação completa+
Alguns prompts melhoram um arquivo que já existe; outros geram uma página completa e autocontida. Use os filtros e a busca para encontrar o nível de intervenção certo: uma seção específica, uma interface de dados ou uma experiência completa.
Por que os prompts estão em inglês?
Modelos de código costumam interpretar instruções técnicas extensas em inglês com mais consistência.
Ver orientação completa+
O site, a orientação e o suporte são em português para facilitar o acesso da comunidade brasileira. O prompt permanece em inglês para preservar nomes técnicos, reduzir ambiguidades e aumentar a compatibilidade entre diferentes modelos.
Por que gerar um único arquivo HTML?
Um HTML autocontido é portátil, fácil de abrir e não obriga você a escolher um framework antes de validar o resultado.
Ver orientação completa+
O arquivo reúne estrutura, estilos e scripts em um único lugar. Isso facilita a comparação com a prévia, o compartilhamento com outra IA e a migração posterior para React, Next.js, Vue, Astro, WordPress ou qualquer stack usada no projeto final.
Como personalizar sem perder a qualidade?
Preserve a lógica visual do prompt e troque contexto, conteúdo, paleta, identidade e dados de forma explícita.
Ver orientação completa+
Informe objetivo, público, marca, restrições, stack, breakpoints e o que não pode ser alterado. Evite pedidos vagos como “deixe mais bonito”. Diga qual decisão deve mudar e qual característica do resultado precisa permanecer.
Use este prompt como direção. Preserve a hierarquia, o ritmo e as interações. Adapte a paleta para #141414 e #2BEE34, use meus textos e integre ao HTML enviado sem alterar as outras seções.Como copiar e gerar meu projeto?
O fluxo mais seguro é gerar primeiro o HTML completo, abrir no navegador e só depois adaptar.
Ver orientação completa+
Cole o prompt integralmente na ferramenta escolhida. Se a IA interromper a resposta, peça para continuar exatamente de onde parou. Salve o resultado como index.html, abra no navegador e compare estrutura, movimento e responsividade com a prévia.
- Copie o prompt sem resumir ou traduzir.
- Cole em uma conversa nova com um modelo forte.
- Aguarde a geração completa do arquivo.
- Abra o HTML no navegador.
- Faça as adaptações em uma segunda etapa.
Como usar em um projeto existente?
Envie o projeto ou o arquivo atual e peça para a IA incorporar o resultado seguindo suas convenções.
Ver orientação completa+
A ferramenta precisa enxergar componentes, estilos, dependências e estrutura de pastas. Oriente a IA a preservar o que não está no escopo, reutilizar tokens existentes e informar qualquer nova dependência antes de fazer a adição.
Recrie este resultado dentro do meu projeto. Siga a arquitetura, os componentes e as convenções existentes. Não substitua páginas ou estilos fora do escopo.Como levar para React, Next.js ou outra stack?
Gere o HTML primeiro e entregue esse arquivo à IA junto com o projeto de destino.
Ver orientação completa+
Peça para separar componentes, mover estilos para o sistema adotado, preservar o comportamento e substituir scripts imperativos quando necessário. Valide novamente movimento, acessibilidade, SEO, carregamento e comportamento responsivo.
Planos e acesso
O Essencial libera a coleção de entrada; o Pro também libera os prompts avançados e as experiências mais completas.
Ver orientação completa+
As assinaturas podem ser mensais ou anuais. O plano necessário aparece no card e no painel de acesso antes da cópia. A cobrança recorrente, o status e o cancelamento ficam vinculados à conta.
Como funciona o limite semanal?
Cada assinatura permite copiar até três prompts por semana, com renovação toda segunda feira.
Ver orientação completa+
O limite é contabilizado no momento em que o conteúdo completo é liberado e copiado. Favoritar, visualizar resultados e pesquisar a biblioteca não consome uma cópia. O objetivo é incentivar uma escolha mais cuidadosa e um uso profundo de cada material.
Posso usar em projetos comerciais?
Você pode usar os prompts para criar projetos próprios ou entregas para clientes durante a vigência da sua licença.
Ver orientação completa+
Não é permitido publicar, redistribuir, revender ou montar outra biblioteca usando os prompts da Prompteria. O resultado gerado deve ser revisado antes da publicação, especialmente quanto a código, acessibilidade, segurança, conteúdo e direitos de terceiros.
O resultado não ficou como a prévia. O que verificar?
Comece pelo modelo, pelo prompt integral e pelos recursos externos necessários.
Ver orientação completa+
Confirme se nenhum trecho foi removido, se o modelo consegue gerar arquivos longos e se bibliotecas, imagens, vídeos ou modelos 3D estão acessíveis. Depois verifique erros no navegador e peça à IA para corrigir o problema sem simplificar a direção visual.
- Use um modelo mais avançado.
- Cole novamente o prompt completo.
- Confira mensagens de erro no navegador.
- Valide links e recursos externos.
- Peça correções pontuais, sem reconstruir tudo.