Programmatic video creation with React via Remotion — compositions, animations, motion graphics, rendered to MP4. USE WHEN video, animation, motion graphics, video rendering, React video, intro video, YouTube video, TikTok video, video production, render video, content to animation, animate content, video overlay.
You MUST send this notification BEFORE doing anything else when this skill is invoked.
Send voice notification:
curl -s -X POST http://localhost:8888/notify \
-H "Content-Type: application/json" \
-d '{"message": "Running the WORKFLOWNAME workflow in the Remotion skill to ACTION"}' \
> /dev/null 2>&1 &
Output text notification:
Running the **WorkflowName** workflow in the **Remotion** skill to ACTION...
This is not optional. Execute this curl command immediately upon skill invocation.
Create professional videos programmatically with React.
Before executing, check for user customizations at:
~/.claude/PAI/USER/SKILLCUSTOMIZATIONS/Remotion/
| Trigger | Workflow |
|---|---|
| "animate this", "create animations for", "video overlay" | Workflows/ContentToAnimation.md |
Tools/Theme.tsuseCurrentFrame() only~/Downloads/ firstRender command:
npx remotion render {composition-id} ~/Downloads/{name}.mp4
ArtIntegration.md - theme constants, color mappingPatterns.md - code examples, presetsCriticalRules.md - what NOT to doTools/Ref-*.md - 28 pattern files from Remotion| Tool | Purpose |
|---|---|
Tools/Render.ts | Render, list compositions, create projects |
Tools/Theme.ts | PAI theme constants derived from Art |