Motion Design · Sep 26, 2026

Developer portfolio site showreel

Developer portfolio site showreel by Wani, credited to Claude Opus 5.5. Watch the Motion Design video, explore the shared prompt and visit the original X post.

Wani@wani_shola
View on X
Opus 5.5
4 likes · 111 views on X
From the creator’s post · Wani on X
A 90–100 second Remotion showreel of a DevRel portfolio site, animating real page captures in browser and phone frames, cut to 120 BPM music.
From the creator

The prompt behind it.

This work also used reference images, audio or other inputs.

Original prompt
Make a showreel-style motion graphics video for my portfolio website, https://t.co/xZFGCqi73s, using Remotion. It should show what I do as a developer relations engineer, like a showreel for my résumé.

- Use as much of the real website as possible: capture the pages and sections in a browser (home, Ask, package pages, Hire, mobile view, dark mode) and animate them inside browser and phone frames.
- Show the site's chat answering real questions about my work, with the questions and answers large and bold. Use only facts and numbers that are on the site.
- Follow premium brand rules: three colours and the site's own fonts, one idea per shot, key objects centred, space to breathe, eased motion only, smooth transitions instead of hard cuts, and a rhythm that speeds up and slows down with the story.
- Add music at about 120 BPM (elite, kinetic, sophisticated) and cut every scene on the beat. No extra sound effects.
- 1920×1080, about 90 to 100 seconds, ending on the website and my contact email.
More Motion Design prompts from real videos

Video and prompt by Wani. Original post ↗

Is this your work? Add the badge

Paste this on your site or README to link people to this page.

Featured on motif
<a href="https://createmotion.io/motions/wani-shola-16ca7a/"><img src="https://createmotion.io/featured-on-motif.svg" alt="Featured on motif" width="188" height="44"></a>