YouMind
Sign in

UI Motion Design Workflow Guide

Detailed breakdown of the workflow for creating UI motion design videos with Claude Opus 5.5, serving as a comprehensive prompt/instruction set.

Prompt
The trick is NOT the prompt. It is one rule: every frame is a pure function of time. song -> numpy beat grid -> Opus 5.5 writes one HTML file -> Playwright renders -> ffmpeg blends step 1 -> pick a royalty-free track around 120 BPM step 2 -> give Opus 5.5 8 to 12 UI states: button, loader, toggle, chart, command palette step 3 -> one HTML file, 1440x1440, every style computed inside seek(t). no CSS transitions, no timers step 4 -> springs as closed-form math, so any frame renders in any order step 5 -> numpy finds the beats, every UI sound lands on a measured peak step 6 -> Playwright shoots 4 subframes per frame, ffmpeg tmix blends them into 60fps motion blur step 7 -> render one frame per beat first, fix what is off the grid, then the full render the math: 120 BPM x 7 bars = 28 beats = 14 seconds 14 s x 60 fps x 4 subframes = 3,360 browser renders

How to use this prompt

  1. 1

    Copy the full prompt above.

  2. 2

    Open a platform that supports Claude Opus 5.5, such as YouMind, and paste the prompt in.

  3. 3

    Swap the subject, style, or details to fit your idea, then generate.

This is a free AI prompt from YouMind's prompt library. Explore thousands more video prompts, all free to copy and adapt.

Explore more video prompts

More from Claude Opus 5.5

What is Transformer Explainer

@宝玉

Business Explainer Video Prompt

@Alex Prompter

Room to Quarks Zoom Animation

@Taelin

Napoleon Hill Insight Animated Explainer Video

@DiscusFish

Trading Terminal Animation Prompt

@Dale Vaz

Remotion Three.js Typing Game CM

@タイピング無双｜個人開発

All Video Categories

01

Use Cases

Cinematic Scene ShowcaseVlog / Social LifestyleShort FilmMusic VideoBrand / Product CommercialView more
02

Styles

Cinematic RealisticFantasy / MagicalCyberpunk / Sci-FiAnimeVintage / Retro FilmView more
03

Subjects

Person / CharacterSports / ActionNature / LandscapeArchitecture / InteriorAbstract / VFXView more

More Prompt Features

AI Library

AI prompt search

Let AI search through tens of thousands of prompts. Filter by model, time range, keywords, and sort by engagement — views, bookmarks, reposts and more.

Try free
Vision Tools

Image to Prompt

Turn any photo into a detailed AI image prompt. The free image to prompt converter analyzes composition, style, and lighting so you can recreate any look in seconds.

Convert Image to Prompt

Other Prompt Features

Browse by Model

GPT Image 2.5 PromptsGPT Image 2 PromptsNano Banana Pro PromptsSeedream 4.5 PromptsGPT Image 1.5 PromptsGemini Video PromptsSeedance 2.0 PromptsGrok Imagine PromptsGemini 3 Pro Website Prompts

Browse by Media

Image PromptsVideo PromptsAI Website Prompts

AI Tools

Image to PromptPhoto PromptsGPT Image 2 Slides

Built for creators. Free forever.

YouMind is the AI creative copilot trusted by millions of creators worldwide. Every prompt here is curated to help you create better, faster.

Explore more prompts
Prompts
GPT Image 2.5 PromptsNano Banana Pro PromptsGPT Image 2 PromptsSeedance 2.5 PromptsSeedance 2.0 PromptsClaude Opus 5.5 PromptsGPT Image 1.5 PromptsGPT 6 Astra Prompts
Resources
For agentsNotebookLM AlternativesGPT Image 2 SlidesMarkdown to 𝕏 ArticleNano Banana 2 VS ProAI Photo EditorPhoto PromptsImage to PromptLenny Career CoachABTI Personality Test
Tools
Free Tools𝕏 Post GeneratorLinkedIn Post GeneratorInstagram Caption GeneratorThreads Post GeneratorReddit Post GeneratorFacebook Post GeneratorBluesky Post GeneratorTikTok Caption Generator
Product
SkillsExtensionAppPricingBlogsWhat’s new
Compare
NotionNotebookLMChatGPTCodexGenSparkGammaLovartManusMyMindPerplexity
Company
Contact us
PrivacyTermsCookie Policy

© 2026 MIND MOTOR PTE. LTD.

AI Summary