Reprodução de Landing Page de Imagem para Next.js

Um fluxo de trabalho complexo para reproduzir uma landing page a partir de uma imagem usando Next.js, geração de imagens para ativos e Playwright para validação.

Comando
/goal Implemente a LP na imagem em anexo usando Next.js até que a precisão da reprodução seja superior a 95%. Para partes que são difíceis de reproduzir por outros meios que não sejam imagens, crie-as gerando materiais apropriadamente com image_gen. - Ícones e imagens devem corresponder à imagem original tanto quanto possível. Recorte as partes relevantes da imagem original e passe-as para o image_gen como imagens de referência (use codex exec -i para passar imagens de referência e forneça o prompt via entrada padrão). - Garanta a responsividade. Verifique em larguras de 375 a 1440px, garantindo que não haja rolagem horizontal, sobreposição de elementos ou cortes (use w-full max-w-[Npx] para cartões de largura fixa e posicionamento absoluto apenas para larguras amplas). - Execute um loop de capturas de tela do Playwright -> compare com o original -> corrija. Conclua assim que o npm run build passar.

Como usar este prompt

  1. 1

    Copie o prompt completo acima.

  2. 2

    Abra uma plataforma compatível com o claude-fable-5, como a YouMind, e cole o prompt.

  3. 3

    Troque o tema, o estilo ou os detalhes conforme a sua ideia e gere.

Este é um prompt de IA gratuito da biblioteca de prompts da YouMind. Explore outros milhares de prompts de página web, todos gratuitos para copiar e adaptar.

Explorar mais prompts de página web

Descubra mais

Biblioteca de IA

Busca de prompts com IA

Deixe a IA buscar em dezenas de milhares de prompts. Filtre por modelo, período e palavras-chave, e ordene por engajamento: visualizações, favoritos, compartilhamentos e mais.

Ferramentas de visão

Imagem para prompt

Transforme qualquer foto em um prompt de imagem IA detalhado. O conversor gratuito de imagem para prompt analisa composição, estilo e iluminação para recriar qualquer visual em segundos.

Feito para criadores. Grátis para sempre.

YouMind é o copiloto criativo de IA usado por criadores no mundo todo. Cada prompt aqui é curado para ajudar você a criar melhor e mais rápido.

Explorar mais prompts