PROMPT VIDEO

Modello di Design del Movimento UI Morphing

Un modello di prompt completo per creare design di movimento UI in loop, in cui gli elementi si trasformano attraverso vari stati sincronizzati con la musica.

Crea una pagina web con questo prompt

IstruzioneModello di Design del Movimento UI Morphing

<inputs>
Chiedimi: da 8 a 12 stati UI che voglio che la forma assuma (ad esempio pulsante, loader, player, slider, toggle, schede, grafico, command palette, toast), bianco e nero puro o un colore d'accento, e una canzone royalty-free intorno ai 120 BPM (ad esempio Mixkit, gratuita per uso commerciale).
</inputs>

<direction>
Movimento UI livello Dribbble. Una sola forma, mai tagliata: ogni stato è lo stesso elemento che trasforma dimensioni, raggio e colore mentre il contenuto cambia con una breve sfocatura. Un cursore guida ogni modifica con clic e trascinamenti reali. Telaio grigio caldo chiaro, componenti in bianco e nero, un font UI pulito (Geist). Molle ovunque, al massimo un piccolo overshoot. La telecamera effettua uno zoom affinché ogni stato riempia il fotogramma. L'ultimo fotogramma è identico al primo, così da creare un loop.
Vietato: easing rimbalzante, esplosioni di particelle, bagliori, gradienti sulla cornice UI, tratti delle icone non corrispondenti, tempi morti, qualsiasi cosa che sembri un modello predefinito.
</direction>

<structure>
120 BPM, 7 battute, succede qualcosa su ogni beat.
Pulsante → loader → spunta → dynamic island → music player con morph play/pausa → trascina la barra di avanzamento → diventa uno slider del volume che si allunga quando trascinato oltre il massimo → un toggle si attiva sul beat → la manopola diventa un indicatore liquido delle schede → le schede si aprono in un grafico che si disegna da sé, con tooltip al passaggio del mouse → si collassa in ⌘K → digita per filtrare → invio → toast → ritorno al pulsante.
</structure>

<build>
1. Un file HTML, quadrato 1440x1440. Ogni stile è calcolato dal tempo dentro seek(t): nessuna transizione CSS, nessun timer, nessuno stato portato tra i fotogrammi.
2. Le molle sono risposte a gradino in forma chiusa. Un valore che cambia obiettivo molte volte è la somma di una molla per cambiamento, così rimane una pura funzione del tempo.
3. I due bordi dell'indicatore delle schede seguono molle diverse, quindi il bordo anteriore si allunga davanti a quello posteriore. Stesso trucco per la manopola del toggle.
4. I trascinamenti sono manipolazione diretta: mentre il cursore è tenuto premuto, il valore è calcolato dalla sua posizione. Al rilascio ritorna con una molla da dove si trovava.
5. Analizza la canzone con numpy per la griglia dei beat e inizia su un downbeat. Posiziona ogni suono UI in base al suo picco misurato.
6. Renderizza con Playwright: 4 sottofotogrammi per fotogramma, miscelati con ffmpeg tmix per motion blur a 60fps.
7. Renderizza un fotogramma per beat prima della renderizzazione completa. Correggi tutto ciò che è fuori griglia, affollato o difficile da leggere.
</build>

<gotchas>
Non mettere mai will-change su nulla che la telecamera scala o che fa rendere il testo sfocato. Il testo che cambia dentro un contenitore in morphing ha bisogno dei suoi tempi di entrata e uscita, altrimenti si sovrappone. Rendi l'ultimo fotogramma identico al primo, inclusa la posizione e la velocità del cursore, altrimenti il loop scatta.
</gotchas>

<start>
Chiedimi gli input, poi mostrami la lista degli stati sulla griglia dei beat prima di scrivere qualsiasi codice.
</start>

Come usare questo prompt

1
Copia il prompt completo qui sopra.
2
Apri una piattaforma che supporta Claude Opus 5.5, 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 video ia, tutti liberi da copiare e adattare.

Esplora altri prompt video ia

Altro da Claude Opus 5.5

Animazione lavanderia Blender con Claude Opus 5.5

@ハヤシモン｜AI × 個人開発

Scena Three.js di un minimarket in una notte di pioggia

@SuSu_酥酥👅

Prompt per Film di Motion Design Opus 5.5

Scena in Miniatura: Minimarket Giapponese Sotto la Pioggia

@SuSu_酥酥👅

Prompt per Filmato di Lancio Prodotto con Three.js

Scena Three.js: Isola Paradiso in Blender

Tutte le categorie Video IA

01

Casi d’uso

Vetrina di scene cinematografiche Vlog / Lifestyle sui social Cortometraggio Video musicale Spot pubblicitario del brand / prodotto Mostra altro

02

Stili

Cinematic Realistic Fantasy / Magico Cyberpunk / Fantascienza Anime Film Vintage / Retrò Mostra altro

03

Soggetti

Persona / Personaggio Sport / Azione Natura / Paesaggio Architettura / Interni Abstract / VFX 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.

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

Altre funzioni per prompt

Per modello

Prompt GPT Image 2.5 Istruzioni GPT Image 2 Istruzioni Nano Banana Pro Istruzioni Seedream 4.5 Istruzioni GPT Image 1.5 Prompt video Gemini Istruzioni Seedance 2.0 Grok Imagine Prompts Prompt Gemini 3 Pro per siti web

Per media

Prompt per immagini Prompt video Prompt IA per creare siti web

Strumenti AI

Da immagine a prompt Prompt per foto Slide GPT Image 2

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.

Crea pagina web con prompt Esplora altri prompt

Risorse

Skill Casi d'uso Blog Markdown in articolo 𝕏 Per agent

Strumenti

Strumenti gratuiti

Confronta

Notion NotebookLM ChatGPT Codex GenSpark Gamma Lovart Manus MyMind Perplexity

Azienda

Privacy Termini Informativa sui cookie

© 2026 MIND MOTOR PTE. LTD.

AI Summary