Claude Video

Portfolio chat UI answers a hiring question

WaniVERIFIED
@wani_shola

111 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 spec
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.

MAKE ONE LIKE THIS

Three steps, using what the creators in this index used.
  1. 1 · Copy the prompt

    Use the prompt above as your starting point, then change the subject and the style.

    HOW OTHERS WROTE THEIRS →
  2. 2 · Long piece? Give Claude a framework
    ALL VIDEO SKILLS →
  3. 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.