# Write Markdown, Fast

Style: [Product Demo](https://comotion.design/style/product-demo)
Made by: Ihab Khattab, @ho_ba on X
Original post: https://x.com/HO_BA/status/2103845264649761062
Length: 30 seconds
Tags: editor, music-synced, saas, typography
Page: https://comotion.design/v/write-markdown-fast

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: Claude Opus 5.5

Prompt: 806 words, shown to signed-in members on the page, free with an account.

### 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.