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

Altre funzioni per prompt

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