Leia e use o que tiver aqui dentro desengs.com/ são várias referências e também skills como por exemplo a do emil que você pode utilizar, também acredito que falta definir melhor a sua paleta/id visua, enfim eu gosto sempre de usar referências de designers famosos.

Descobrir essa braba aqui styles.refero.design você consegue pegar um design.md ajuda muito

Bom, o que eu faço e pode mitigar o seu problema é o seguinte: Define suas regras e estilos visuais. Qual o tipo de fonte você usa? Qual o tamanho? Quais as cores primárias e secundárias? Qual a identidade visual da sua marca? Respondendo essas perguntas e usando imagens de referência cria uma skill onde em toda funcionalidade e página que ele for fazer para o seu site ele precisa obrigatoriamente usar essa skill e por consequência seguir as regras de design que você estabeleceu.

os eyebrow com fonte espaçada é clássico AI slop. Tbm esses "glow" de fundo e colocar tudo dentro de cards e grids de 2 colunas, clássico de GPT. E pra mim o maior crime de todos: reconstrução da UI do app em código em vez de um screenshot ou vídeo.

pesquisa um pouco sobre o "gauntlet loop" do @mattshumer_ , basicamente é um loop que você fornece imagens de visuais ja validados e roda um loop até um agente crítico falar que o seu produto está melhor que o que você forneceu. Funcionou mt bem cmg

use boas referencias, e o impeccable.style/

a primeira tá legal, a segunda não gostei. porém na primeira eu removeria o eyebrow e essa legenda embaixo do botão tb

Usar impeccable.style

Duas coisas que faço: uso uma skill + outro sistema de nicho parecido como referência e mando vários prints para a IA. A partir disso, peço para ela criar um system design com base nessas referências.

Na real acho que a gente precisa superar essa vontade de não parecer “vibe codada”…!

Se eu posso dar uma dica, acesse sites como o dribbble.com/ ou a galeria do framer.com/, valide o que te agrada mais, leve para o chatgpt ou claude desenhar a estrutura com base na referência, ai depois só passar para o agente construir.

Eu baixei o design que achei alinhado ao meu projeto nesse site e usei como base para refazer o frontend vibecoded getdesign.md

Esse seu problema é um novo tipo de demanda que tenho recebido. "tirar a cara de AI", via prompt dificilmente vc vai conseguir, e por mais que use uma skill ou coisa do tipo, todos que usarem a mesma que vc ficara com a mesma cara que o seu.

o texto em cima do texto principal no hero nessa fonte em caixa alta e os gradientes da segunda imagem são oq dão cara de IA pkrl também, sugiro manter a primeira versão sem esse texto em cima do título principal e tirar onde tem esse tipo de texto em caixa alta nessa fonte

Copy em português é o contrato da página. Se a IA pisa em ovo no texto, o resto do layout também está sem alvo. Trava o copy no git; o agente só preenche o que o copy já decidiu.

Poderia aqui falar de algumas skills e métodos de IA, mas o que eu faço (mesmo pré-IA) é ter claro o que eu quero. Não é ela que "bola" algo pra mim... sou eu que passo exatamente o que eu quero. A criatividade fica do meu lado. Fiz isso na LP do @frontinfloripa por exemplo 😁

tão usando serviço proprio ou de terceiro pra essas videochamadas? to precisando colocar um serviço de reunião num cliente e parece só dor de cabeça

Que mania de querer nao parecer vibe codado, o óbvio nao precisa ser dito. Tudo é vibe coding agora, ninguém vai deixar de usar seu produto pq tem uma grade no background

Me manda os detalhes na dm que faço uma pra vocês

eu uso uma skill minha (github.com/badmuriss/incredi…) + refero mcp (refero.design 50tinha por mes)

eu só vejo e penso "pq não tem pra Mac? 😭"

no futuro site feio é que vai ser o destaque. eu tô deixando aqui no estilo html quadrado dos anos 2000

Contratar um design que não usa IA!

Mano tá com cara de vibecode sim. E dos mais desleixados ainda

Qual o problema em parecer vibecoded? Isso descredibilizaria o site?

Difícil a vida do backend que vê uma tela dessas e acha que tá boa! KKKK

Extraí o design system do naruto project e pede pro claude refatorar nesse padrão

Eu gosto mto do impeccable impeccable.style mas n sei se é exatamente oq vc quer. Mas sinceramente seu hero tá ótimo

tem umas skills legal, vou pegar e te passo.

Olha, tem me incomodado bastante a falta de possibilidades de melhores layouts (menos IA) mas acho que é uma questão de atualizações.

esse fundo aí quadruculado e o gradiente entrega demais. a fonte também

faz na mão, isso aí ta o puro suco de ia

Se você pode investir, Mobbin com MCP; Com ou sem mobbin, recomendo a skill impeccable (impeccable.style/docs/) e emil (emilkowal.ski/skill). E experimenta usar o fable 5 max se tiver disponível.

Light mode e nunca use gradiente sombras suaves e uma boa fonte

Minhas páginas tão iguais as suas. kkk

referências, design system e mais de uma direção visual antes de iterar