Write Markdown, Fast
Product Demo#editor#music-synced#saas#typography
Made by Ihab Khattab (@ho_ba on X)View original post
A thirty-second introduction to a markdown editor, built from the product's own interface pieces and cut to music.
How it was made
Tools
Process
Made entirely in code by Claude Opus 5.5, rendered frame by frame with no After Effects and no video model. The creator ran it with effort set to high.
The key instruction is to avoid raw screenshots: break the interface into components and icons, and animate those.
The creator's own 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 shown here was written afterwards from the finished clip, so it describes what is on screen.
