docs-demo

What problem does it solve?

This Skill helps documentation teams embed interactive Remotion demos into their pages, enabling dynamic previews without leaving the docs.

Core Features & Use Cases

• Inline Demos: Add inline Remotion components to documentation pages for live previews.
• Demo Registry: Standardized registration of demos in the docs codebase (packages/docs/components/demos) so they render with a Demo component.
• Use Case: A developer adds a new Demo component, registers it in the demos/types.ts, and renders it in an MDX doc with Demo type.

Quick Start

Create a new demo component in packages/docs/components/demos/, register it in the demos/types.ts file, import and render it in docs MDX using a Demo type.