Prompt d'animation pour le design de mouvement UI
Un prompt détaillé pour Claude Opus 5.5 afin de créer une vidéo animée sophistiquée et bouclable de design d'interface utilisateur (UI) en utilisant HTML/Canvas, intégrant une physique à ressort et des transitions synchronisées sur le rythme.
Le résultat créatif
Prompt de référence
Un prompt de référence adapté à cet exemple, à modifier selon votre sujet. Le panneau source renvoie à la publication du créateur.
“Ask for eight to twelve UI states, a monochrome or single-accent palette, and a usable track near 120 BPM. Make a 14-second, 1440×1440 loop where one shape becomes a button, loader, player, slider, toggle, tabs, graph, command palette, and toast before returning. Use Japanese interface copy with Noto Sans JP and Geist, on warm gray. Drive the changes with cursor actions and restrained closed-form springs; keep dragged values tied to the pointer. Calculate every frame from seek(t) without timers or carried state. Analyze the music with NumPy, render through Playwright with four subframes, and blend at 60 fps with ffmpeg. Review each beat and match the loop's cursor position and velocity.”
Comment créer dans PagePop
Choisissez un assistant, décrivez vos besoins et créez avec PagePop. Ajustez votre travail au fil de la conversation, puis téléchargez-le.
Choisissez le bon assistant
Découvrez des assistants spécialisés dans de nombreux secteurs ou trouvez l’inspiration dans la vaste collection d’exemples.
Décrivez votre besoin
Précisez si vous souhaitez des images, des vidéos, des présentations PPT, des documents ou des pages web. Ajoutez des images ou des documents de référence selon vos besoins.
PagePop choisit les modèles et crée
PagePop sélectionne les modèles et les outils adaptés à votre objectif pour réaliser votre création.
Ajustez et téléchargez
Continuez à ajuster le contenu et le rendu dans la même conversation. Téléchargez votre création une fois satisfait du résultat.
Commencez avec vos propres mots
Partez de ce prompt réel, modifiez-le librement et laissez PagePop choisir la meilleure méthode de création.
Questions fréquentes
Comment adapter cet exemple Vidéo à mon projet ?
Partez du prompt de référence de « Prompt d'animation pour le design de mouvement UI ». Remplacez le sujet, le style et les proportions, puis ajoutez vos images ou documents de référence. Conservez la structure qui vous intéresse, retirez les exigences inadaptées et ajustez le résultat.
La consultation et la copie des prompts sont-elles gratuites ?
La consultation de la collection et la copie des prompts sont 100 % gratuites. Vous pouvez aussi utiliser PagePop gratuitement. Consultez la page des tarifs pour connaître les prix et les règles de crédits.
Qu’est-ce que PagePop et que peut-il faire ?
PagePop est une plateforme de création avec une IA conversationnelle. Décrivez votre besoin en langage naturel pour créer des images, des vidéos, des présentations, des documents et des pages web. PagePop choisit les modèles et outils adaptés et vous permet de poursuivre les modifications dans la même conversation.
D’autres exemples réels de prompts
Prompt vidéo pour une chronologie historique épique
“Make an epic chronology of Chinese civilization with code-rendered frames assembled through ffmpeg. Let a pentatonic score provide the timing, evolving from bone flute and bronze bells to orchestral instruments and incr…”
Guide du flux de travail pour le design d'animation UI
“Build a 14-second UI motion piece from eight to twelve states such as a button, loading indicator, toggle, chart, and command palette. Choose commercially usable music near 120 BPM and measure its beats with NumPy. Writ…”
Scène océanique WebGPU en HTML
“Build an ocean scene that runs in the browser as a single HTML file using WebGPU. Drive the sea surface with FFT waves, add whitecaps, and place it under a realistic sky. Include WASD movement so the viewer can explore…”