Prompt Motion
@AiMotionSiteS
Prompt library

UI motion

Smooth hover demo screen recording of a web page

Smooth hover demo screen recording of a web page is a 5-second Claude Opus motion design reference by @RalconStudio, built around code. GOAL: Record a smooth hover demo video of [PAGE URL / FILE]. Copy this UI motion prompt, keep the creator's frame counts and palette, and adapt the subject for your own launch film.

@RalconStudioView post

Prompt

GOAL: Record a smooth hover demo video of [PAGE URL / FILE]. MOTION: Frame - 1440×900, the component centred. Use a contrasting background if it blends in. - No visible cursor, clicks or browser UI. Use real hover events, original animation speed. When to zoom - Measure the area that changes on hover (e.g. the menu items). - If it's at least half the frame wide and a quarter tall, don't zoom. - Otherwise zoom so it fills about 70% of the width, max 2.4×. Skip zooms under 1.4×. - Never zoom past an image's real resolution. Camera (Screen Studio-smooth) - Animate zoom and pan together with a critically damped spring (no bounce), about 1 s to settle, zooming in log scale. - Start at rest, glide in, follow each hovered item (about 1.2 s each), glide back out. - End on exactly the first frame so it loops seamlessly. - No more than 8% zoom change per frame. Output - MP4 (H.264), 30 fps, 5–8 s, no audio, under 2 MB, full resolution. - If it's too big, lower the bitrate only; never shrink, crop or speed it up.
Author original
Record a smooth hover demo video of [PAGE URL / FILE]. Frame - 1440×900, the component centred. Use a contrasting background if it blends in. - No visible cursor, clicks or browser UI. Use real hover events, original animation speed. When to zoom - Measure the area that changes on hover (e.g. the menu items). - If it's at least half the frame wide and a quarter tall, don't zoom. - Otherwise zoom so it fills about 70% of the width, max 2.4×. Skip zooms under 1.4×. - Never zoom past an image's real resolution. Camera (Screen Studio-smooth) - Animate zoom and pan together with a critically damped spring (no bounce), about 1 s to settle, zooming in log scale. - Start at rest, glide in, follow each hovered item (about 1.2 s each), glide back out. - End on exactly the first frame so it loops seamlessly. - No more than 8% zoom change per frame. Output - MP4 (H.264), 30 fps, 5–8 s, no audio, under 2 MB, full resolution. - If it's too big, lower the bitrate only; never shrink, crop or speed it up.

Questions

What is this ui motion prompt for?

It is a Claude Opus motion design brief for “Smooth hover demo screen recording of a web page”. Paste it into Claude and keep the timings already written in the prompt.

Where is the original film?

The creator is @RalconStudio. Use View post to open the X video this prompt belongs to.

More ui motion prompts