Docs Demo

If you're working on Remotion's documentation and need to add an interactive demo that renders a composition inline using @remotion/player, this walks you through the exact file structure. You'll create a component in the demos folder, register it in types.ts with canvas dimensions and playback settings, add it to the demos array in index.tsx, then drop it into any MDX page. The options system is thoughtful: you can add sliders, checkboxes, dropdowns, or text inputs that get passed as props to your component, so readers can tweak parameters and see results live. It's narrowly scoped to one codebase, but if you're contributing to Remotion docs, it saves you from hunting through the repo to figure out the convention.

Install to Claude Code

npx -y skills add remotion-dev/remotion --skill docs-demo --agent claude-code