What does docs-demo do?
Add an interactive demo to the Remotion documentation. Use when creating a new component for docs pages.
Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.
docs-demo is a Claude Code agent skill that add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.
npx skills add https://github.com/remotion-dev/remotion/tree/main/skills/docs-demoAdd an interactive demo to the Remotion documentation. Use when creating a new component for docs pages.
This repo contains 6 individual skills — each has its own dedicated page.
Add a new expert to the Remotion experts page
Add a new sound effect to @remotion/sfx
Open a pull request for the current feature
Generate a report about a video
Add a test case to the web renderer
Guides for writing and editing Remotion documentation. Use when adding docs pages, editing MDX files in packages/docs, or writing documentation content.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.