v0, Lovable e Bolt: prompts sem sistema de arquivos

Essas ferramentas constroem a partir de uma caixa de chat e você raramente toca nos arquivos. Isso muda o que um prompt útil parece: tudo precisa estar na mensagem, e a mensagem precisa brigar com o estilo da casa.

O problema do estilo da casa

O v0 usa por padrão componentes shadcn e Tailwind. O Lovable tende a um visual arredondado, suave e cheio de gradientes. O Bolt fica em algum ponto entre os dois. Nenhum está errado, mas se você cola um prompt de card neobrutalista sem dizer "não o visual padrão", recebe um card neobrutalista com raio de 12px e sombra suave, o que não é nem uma coisa nem outra.

Por isso o prompt copiado para essas ferramentas começa com uma linha que diz: CSS puro para estas regras, sem utilitários Tailwind, mantenha os valores exatos. Ajuda. Nem sempre vence. Se o resultado desvia, responda com o único valor que está errado ("o raio deveria ser 0, não 12px") em vez de colar tudo de novo.

Definindo o visual de um app inteiro

As três deixam você descrever o projeto antes da primeira geração. Essa primeira mensagem é o momento de colar um prompt de estilo. Coloque depois da descrição do que o app faz e antes de qualquer lista de funcionalidades. O Lovable também tem um campo de conhecimento ou instruções personalizadas nas configurações do projeto; o prompt de estilo cabe lá também, porque o histórico do chat é resumido e as configurações não.

Snippets numa ferramenta baseada em componentes

O v0 em particular quer um componente, não uma classe. Copie o prompt, depois diga "transforme isto numa variante de Button chamada glow que aceita as mesmas props do botão padrão". Ele mantém os valores do prompt e devolve algo reutilizável. No Lovable, peça o CSS no index.css e a classe aplicada no componente; isso mantém tudo editável depois.

Novo em CSS

Essas ferramentas são conservadoras com CSS novo porque as prévias rodam num iframe isolado que pode estar uma versão de navegador atrás. Os prompts de Novo em CSS incluem a linha de fallback por esse motivo. Se um recurso não aparece na prévia mas funciona quando você abre a URL publicada, o problema é o sandbox, não o seu código.

Links em markdown

Nenhuma das três busca URLs de forma confiável a partir do chat, então use a área de transferência. Se quiser que a ferramenta veja muitos snippets de uma vez, cole a seção relevante do llms.txt como contexto; é texto puro e curto.