AI CSS Animations

Developer Portfolio Site Showreel

A 90-100 second Remotion showreel of a developer relations engineer's portfolio: real page captures in browser and phone frames, the site's chat answering questions, three colours, beat-cut scenes at ~120 BPM, ending on the contact email.

By Wani @wani_shola Sep 26, 2026

Type
prompt
Made with
Claude Opus 5.5
Built in
Remotion
Topics
Product UI · Phone · Music · Showreel

The prompt

Make a showreel-style motion graphics video for my portfolio website, http://sholajegede.com, 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.

Quoted from Wani's post. The prompt belongs to its creator; credit them if you share it.

Found via Prompt Motion.

Similar prompts