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.

Instrução
/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 difíceis de reproduzir por outros meios que não sejam imagens, crie-as gerando materiais apropriados com image_gen. - Ícones e imagens devem corresponder à imagem original o máximo 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

Descobrir mais

Biblioteca de IA

Procura de prompts com IA

Deixa a IA pesquisar em dezenas de milhares de prompts. Filtra por modelo, intervalo de datas e palavras-chave e ordena por interação: visualizações, favoritos, partilhas e mais.

Ferramentas de visão

Imagem para prompt

Transforme qualquer foto num 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.

Criado para criadores. Grátis para sempre.

YouMind é o copiloto criativo de IA usado por criadores em todo o mundo. Cada prompt aqui é curado para ajudar a criar melhor e mais depressa.

Explorar mais prompts