Panoramica Casi d'uso Abilità Prompt Prezzi Blog Aggiornamenti

Demo di annotazione per web app locale

Genera un'anteprima realistica di una web app in localhost che mostra una sovrapposizione di annotazione utilizzata per richiedere modifiche all'interfaccia utente nel flusso di lavoro Build Web Apps.

Istruzione

Utilizzando REFERENCE_0 come contesto, crea uno screenshot di follow-up che mostri lo strumento “Build Web Apps” selezionato in azione come anteprima di una web app locale. Sostituisci la vista dell'elenco dei plugin con un'area di lavoro localhost simile a un browser all'indirizzo 127.0.0.1:4392, con un'interfaccia utente bianca e pulita, ombre morbide e pannelli arrotondati. Modifica principale: mostra un'interfaccia di creazione/annotazione dell'app invece della directory dei plugin originale. Aggiungi una barra superiore con l'indirizzo locale a sinistra ed esattamente 3 piccole icone di finestra/controllo a destra. Aggiungi una pillola blu di stato dell'annotazione in alto a destra con il testo 正在注释 e un menu verticale a tre punti accanto. Area dei contenuti: crea un'interfaccia utente in stile galleria con design di poster/card in cinese all'interno di pannelli bianchi arrotondati. Includi una barra degli strumenti a sinistra con un pulsante di ricerca e un pulsante blu per commenti/annotazioni con un badge etichettato “1”. Mostra almeno due miniature di poster/card visibili, utilizzando uno stile visivo tradizionale cinese marrone scuro, lasciando alcune aree con segnaposto trasparente a scacchiera nel pannello di destra. Sovrapposizione: posiziona un grande fumetto di input per annotazioni fluttuante e arrotondato centrato vicino alla parte superiore centrale del contenuto. Dovrebbe apparire come un editor di commenti AI in linea, con un'icona di Slides/impostazioni a sinistra, testo di istruzioni in cinese 这个按钮的视觉和整体设计不符合，调整一下。, un pulsante di annullamento “取消”, una piccola icona del microfono e un pulsante di conferma circolare nero con un segno di spunta bianco. Parte inferiore del pannello di anteprima destro: aggiungi esattamente 3 pulsanti di azione etichettati “Open”, “Folder” e “Path”, ognuno con una semplice icona a linee. Mantieni lo screenshot realistico, come una demo di prodotto dell'utilizzo di Build Web Apps con annotazione HTML integrata per richiedere perfezionamenti dell'interfaccia utente.

Immagini di riferimento

Come usare questo prompt

1
Copia il prompt completo qui sopra.
2
Apri una piattaforma che supporta GPT Image 2, come YouMind, e incolla il prompt.
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 immagine, tutti liberi da copiare e adattare.

Esplora altri prompt immagine

Altro da GPT Image 2

Tutte le categorie Immagine

Casi d’uso

Post sui social media Profilo / Avatar Infografica / Contenuto Visual Educativo Miniatura di YouTube Fumetto / Storyboard Mostra altro

Stili

Fotografia Fermo immagine cinematografico / Still fotografico Anime / Manga Illustrazione Schizzo / Line Art Mostra altro

Soggetti

Ritratto / Selfie Influencer / Modello/a Personaggio Gruppo / Coppia Prodotto Mostra altro

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.

Prova gratis

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.

Converti immagine in prompt