Claude Video by ZrythCreate yours

Editor mockup shows live markdown linting

Ihab KhattabVerified

@HO_BA
View original on X ↗

10.1K views·107 likes·198 saves·7 reposts·Posted 26 Sept 2026 · 0:30 · Motion Graphics

Our note

A 30-second showreel introducing mdfor.dev's built-in linting feature: a markdown editor mockup flags a heading-spacing warning ('MD022') next to the headline 'Lint as you write. Catch markdown mistakes before anyone else does.'

The creator’s post

I made this using Claude Opus 5.5 with effort set to high Prompt: Make a dynamic 30-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out. Make it a video to introduce https://mdfor.dev Use actual product screenshot/logo/assets Must have music and motion must match the music Do it like a real professional production video, not like a demo or prototype. Add more animation and motion design; avoid using screenshots as raw; instead, break them down into components/icons so we can animate those too. Make the motions more juicy. Use the best motion design techniques you can.

The prompt

Detailed product showreel brief
Make a dynamic 30-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.  Make it a video to introduce 
https://
mdfor.dev Use actual product screenshot/logo/assets Must have music and motion must match the music  Do it like a real professional production video, not like a demo or prototype. Add more animation and motion design; avoid using screenshots as raw; instead, break them down into components/icons so we can animate those too. Make the motions more juicy. Use the best motion design techniques you can.

Make one like this

  1. 1 · Copy the prompt

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

  2. 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, and send two or three rounds of specific notes.

  3. 3 · Render it to MP4

    Screen-record a short piece, or capture it frame by frame for exact timing. How →

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

Views as of collection. Video, post and prompt © their creator.

Create with Zryth

Want a video like this for your brand?