Kinetic Product Promo Motion Design Prompt

A detailed system prompt structure for Claude Opus 5.5 to generate deterministic, code-driven kinetic typography and UI animations for product promos.

Prompt

<inputs> Ask me for: • my product + URL • 8–12 UI states that tell its story • the real data shown in each state • brand colors + fonts + accent color • required formats (1:1, 16:9, 9:16) </inputs> <rules> One HTML file. One canvas One draw(t) function No CSS transitions No timers No state carried between frames One shape, never cut Every state is the same element changing size, radius and color while the content swaps A cursor drives the sequence with real clicks, typing and one drag Real UI. Real data. No placeholders. </rules> <structure> 120 BPM grid Something happens on every beat logo → button → handle field → “is this you?” → loader → pin → globe filling with users → matches → tabs → RSVP → search → logo </structure> <motion> Closed-form springs everywhere with only a tiny overshoot. If a value changes target multiple times, sum one spring per change Content enters after its container starts morphing and leaves before the next morph so text never overlaps Use a short blur on transitions Never fade black directly into the accent color. Move an accent element between states instead Make tab indicators stretch by putting each edge on a different spring Zoom the camera so every state fills the frame Make the last frame equal the first so the whole thing loops </motion> <export> First render one frame per beat as a contact sheet Fix anything cramped or broken Then render every frame in headless Chrome at 60fps, averaging 6 subframes for motion blur Pipe into ffmpeg: H.264 + yuv420p Export all aspect ratios in parallel </export>

How to use this prompt

1
Copy the full prompt above.
2
Open a platform that supports Claude Opus 5.5, such as YouMind, and paste the prompt in.
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

High-End Product Video Prompt

Business Explainer Video Prompt

Product Video Generation Prompt

@Benza → LicitaCerta.com.br

Website Promo Video with Remotion and Python Music

@卡尔的AI沃茨

Mackenzie Club Promo Video

@Dave Rogenmoser ⛳️🤖🦄

Trading Terminal Animation Prompt

All Video Categories

01

Use Cases

Cinematic Scene Showcase Vlog / Social Lifestyle Short Film Music Video Brand / Product Commercial View more

02

Styles

Cinematic Realistic Fantasy / Magical Cyberpunk / Sci-Fi Anime Vintage / Retro Film View more

03

Subjects

Person / Character Sports / Action Nature / Landscape Architecture / Interior Abstract / VFX View 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.

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 Prompts GPT Image 2 Prompts Nano Banana Pro Prompts Seedream 4.5 Prompts GPT Image 1.5 Prompts Gemini Video Prompts Seedance 2.0 Prompts Grok Imagine Prompts Gemini 3 Pro Website Prompts

Browse by Media

Image Prompts Video Prompts AI Website Prompts

AI Tools

Image to Prompt Photo Prompts GPT 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

© 2026 MIND MOTOR PTE. LTD.

AI Summary