
Portfolio chat UI answers a hiring question
WaniVERIFIED
@wani_shola111 views · 4 likes · 1 saves · 0 reposts · Posted Sep 26, 2026 · 1:42 · Motion graphics
OUR NOTEA Remotion-built showreel recreating the creator's portfolio site in a browser frame: a chat UI answers 'Why would Shola be a strong fit for a DevRel role?' with bulleted evidence pulled from the real site, cut to music.
THE CREATOR'S POST
Opus 5.5 is genuinely impressive. I gave it my portfolio website and asked for a motion video. This is what it made.
Link: http://sholajegede.com
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."THE PROMPT
Detailed shot-by-shot specMake 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.MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Long piece? Give Claude a framework
- lottieLottie animations generated from prompts or SVGs★ 5.5k
- pixel2motionAnimating static logos into SVG motion★ 2.3k
- gbro-collage-brollPaper-collage B-roll clips from a voiceover line★ 1.3k
- 3 · Render it to MP4
For a longer piece like this one, render with a framework so the timing is exact on every take.
CLAUDE CODE + HYPERFRAMES / REMOTION →
HOW IT WAS MADE
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
LOOK
ui-mockuptypographycinematic
LINKS & TAGS
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.