Gerador de sugestões de codificação Vibe para reformulação de sites
Use este gerador de prompts dentro de qualquer LLM para criar um prompt detalhado para Lovable, Bolt ou outra ferramenta de codificação de vibração para ajudá-lo a redesenhar um site em apenas alguns minutos.
O método
Copie o prompt abaixo, lembrando-se de incluir a URL do site que você deseja redesenhar e alterando as menções a Lovable para sua ferramenta de codificação vibe, caso esteja usando uma diferente.
Cole em qualquer LLM.
Copie a saída do seu LLM e cole diretamente no seu aplicativo de codificação vibe.
As instruções
Preciso que você crie um prompt totalmente estruturado para o Lovable, uma ferramenta de codificação de vibração de IA que gera código completo e pronto para produção a partir de instruções em linguagem natural.
O Lovable é especializado em transformar descrições em HTML, CSS e JavaScript (ou frameworks como React/Next.js) funcionais e é usado para a criação e reformulação rápida de interfaces de usuário para a web.
Sua tarefa é produzir um prompt otimizado para o Lovable.
Aqui está o site que desejo reformular: [https://enteryoururlhere.com]
Sua tarefa: criar um prompt completo e de nível profissional para o Lovable, que eu possa colar diretamente no Lovable, com o objetivo de gerar uma página inicial redesenhada e moderna que preserve todo o conteúdo factual do site original.
Ao criar o prompt:
1. Preserve todo o conteúdo factual. Use o conteúdo exatamente como fornecido no link. Você incluirá o link na solicitação que criar, mas não explicará em detalhes o conteúdo do site atual. Não modifique o significado, as afirmações, as estatísticas, as CTAs ou as informações factuais. É permitida a reorganização, mas não a reescrita dos fatos.
2. A instrução deve orientar a Lovable a: Criar uma página inicial totalmente redesenhada com UI/UX moderna. Utilizar HTML limpo e semântico OU React/Next.js (escolher com base no contexto ou deixar a Lovable livre para escolher). Usar Tailwind CSS ou estilo moderno equivalente. Melhorar o layout, o espaçamento, a tipografia, a hierarquia e a clareza visual. Tornar a página responsiva para desktop, tablet e celular. Manter as melhores práticas de acessibilidade. Incluir uma seção hero visualmente forte, CTAs claras, estrutura aprimorada e estilo consistente, mantendo o conteúdo original. Adicionar imagens com IA ou livres de direitos autorais.
3. Regras de saída Sua resposta final deve ser APENAS o prompt do Lovable, sem comentários, prefácio, notas ou explicações. Formate o prompt de maneira clara e profissional. Ele deve poder ser usado imediatamente no Lovable, sem nenhuma modificação. Após criar o prompt, envie-o diretamente.
