Riproduzione di una Landing Page da immagine a Next.js

Un workflow complesso per riprodurre una landing page partendo da un'immagine utilizzando Next.js, la generazione di immagini per le risorse e Playwright per la validazione.

Istruzione
/goal Implementa la LP nell'immagine allegata utilizzando Next.js fino a raggiungere una precisione di riproduzione superiore al 95%. Per le parti difficili da riprodurre con mezzi diversi dalle immagini, creale generando i materiali in modo appropriato con image_gen. - Le icone e le immagini devono corrispondere il più possibile all'immagine originale. Ritaglia le parti rilevanti dall'immagine originale e passale a image_gen come immagini di riferimento (usa codex exec -i per passare le immagini di riferimento e fornisci il prompt tramite input standard). - Assicurati che sia responsive. Verifica le larghezze da 375 a 1440px, assicurandoti che non ci sia scorrimento orizzontale, sovrapposizione di elementi o ritagli (usa w-full max-w-[Npx] per le schede a larghezza fissa e il posizionamento assoluto solo per le larghezze elevate). - Esegui un ciclo di screenshot con Playwright -> confronta con l'originale -> correggi. Completa una volta che npm run build viene superato.

Come usare questo prompt

  1. 1

    Copia il prompt completo qui sopra.

  2. 2

    Apri una piattaforma che supporta claude-fable-5, come YouMind, e incolla il prompt.

  3. 3

    Cambia soggetto, stile o dettagli in base alla tua idea, poi genera.

Questo è un prompt IA gratuito della libreria di prompt di YouMind. Esplora altre migliaia di prompt pagina web, tutti liberi da copiare e adattare.

Esplora altri prompt pagina web

Scopri di più

Libreria IA

Ricerca prompt con IA

Lascia che l'IA cerchi tra decine di migliaia di prompt. Filtra per modello, intervallo di date e parole chiave e ordina per interazione: visualizzazioni, preferiti, condivisioni e altro.

Strumenti visivi

Da immagine a prompt

Trasforma qualsiasi foto in un prompt di immagine AI dettagliato. Il convertitore gratuito da immagine a prompt analizza composizione, stile e luce per ricreare ogni look in pochi secondi.

Pensato per i creator. Gratis per sempre.

YouMind è il copilota creativo IA scelto da creator in tutto il mondo. Ogni prompt è curato per aiutarti a creare meglio e più velocemente.

Esplora altri prompt