Portfolio reel styled as a Figma-like UI mockup
Kike Lopez
@kikelopezdesign20 views · 0 likes · 0 saves · 1 reposts · Posted Sep 25, 2026 · 0:20 · Motion graphics
OUR NOTEA 20-second video about the creator's own design portfolio, built solely from the portfolio's own assets in about 7 minutes, rendered as a scrolling Figma-style interface with pricing cards and a logo.
THE CREATOR'S POST
LOL I asked Opus 5.5 to make a video out of my personal portfolio and it genuinely surprised me. The whole thing took 7 minutes.
Prompt:
"Make a 20 second video about my portfolio from scratch, using only the portfolio's own resources".THE PROMPT
One-line portfolio briefMake a 20 second video about my portfolio from scratch, using only the portfolio's own resourcesMAKE 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 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
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-mockupproduct-adminimal
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.