Docs Demo
remotion-dev/remotionInteractive demos make documentation pages come alive. This guide shows you how to add a live demo to Remotion docs using @remotion/player. You create a React component that runs inside a player on the page. Then you register it and use it with a simple tag in your Markdown files.
Anyone writing Remotion documentation can follow these steps. You do not need to be an expert. The demo can include sliders, checkboxes, dropdowns, and text inputs. These controls let readers change the animation and see results right away.
Effect demos work a bit differently. They use a separate system with their own registry. But for most demos, this guide gives you everything you need.
Add Docs Demo skill to your workflow
Global
mkdir -p ~/.claude/skills/docs-demoProject
mkdir -p .claude/skills/docs-demoSource Repository
More Documentation Claude Code Skills
Grill With Docsmattpocock/skills
Stress-test your plan, refine your terms, and update docs instantly
Lark Doclarksuite/cli
Create read summarize edit translate and manage Lark cloud documents
To Prdmattpocock/skills
Generate a complete PRD from your conversation and codebase understanding
Github Actions Docsxixu-me/skills
Answers your GitHub Actions questions with exact official documentation links
Readme I18nxixu-me/skills
Localize your repo READMEs automatically with structure and selector intact
Domain Modelingmattpocock/skills
Define clear terms and record key decisions for a shared project language
Ubiquitous Languagemattpocock/skills
Build a shared glossary of terms from your conversations with clear definitions
Edit Articlemattpocock/skills
Polish your article drafts by improving clarity structure and flow