Community reference · UI and product demos
Turning mdfor.dev screenshots into a component-based launch brief
Ihab Khattab requests a 30-second launch video for mdfor.dev using actual screenshots, a logo and other product assets. The prompt asks for music-synchronized motion and specifically prefers breaking screenshots into components or icons rather than presenting them unchanged. It describes an intended production treatment without listing the individual interface elements or claiming which ones were animated.
Watch the community video
Shared by Ihab Khattab (@HO_BA) · · 30 seconds. Community reference made with Opus 5.5 by community members — not produced by us. Source videos may use tools and durations beyond Motion AI Video’s 30-second output limit.
The original prompt
Make a dynamic 30-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out. Make it a video to introduce https:// mdfor.dev Use actual product screenshot/logo/assets Must have music and motion must match the music Do it like a real professional production video, not like a demo or prototype. Add more animation and motion design; avoid using screenshots as raw; instead, break them down into components/icons so we can animate those too. Make the motions more juicy. Use the best motion design techniques you can.
Original wording and language are preserved. References to attachments, repositories or private assets belong to the author’s setup; supply your own authorised materials when adapting the brief.
Where this approach fits
Useful when a launch story needs to draw attention to individual interface elements. A prepared set of real screenshots and separable components can support a deliberate sequence of reveals, while the music requirement encourages the scene timing to be planned together with the audio.
When to choose a different approach
Avoid separating screenshots into decorative pieces when that would misrepresent how the interface works. The prompt does not identify which components may move independently. Exact labels, relationships and product states still need review, especially if the video will be used as a practical feature explanation.
Related community references
Back to ui and product demos examples · All community examples
Adapt the idea to your own short video
Use your own words, visuals and permissions. Turn a sentence into an animation, or find a named movement in the effects library.
Open the Studio →