| name | Remotion |
| description | Programmatic video creation with React. USE WHEN video, animation, motion graphics, video rendering, React video, intro video, YouTube video, TikTok video, video production, render video. |
๐จ MANDATORY: Voice Notification (REQUIRED BEFORE ANY ACTION)
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.
Remotion
Create professional videos programmatically with React.
Customization
Before executing, check for user customizations at:
~/.claude/skills/PAI/USER/SKILLCUSTOMIZATIONS/Remotion/
Workflow Routing
| Trigger | Workflow |
|---|
| "animate this", "create animations for", "video overlay" | Workflows/ContentToAnimation.md |
Quick Reference
- Theme: Always use PAI_THEME from
Tools/Theme.ts
- Art Integration: Load Art preferences before creating content
- Critical: NO CSS animations - use
useCurrentFrame() only
- Output: Always to
~/Downloads/ first
Render command:
npx remotion render {composition-id} ~/Downloads/{name}.mp4
Full Documentation
- Art integration:
ArtIntegration.md - theme constants, color mapping
- Common patterns:
Patterns.md - code examples, presets
- Critical rules:
CriticalRules.md - what NOT to do
- Detailed reference:
Tools/Ref-*.md - 28 pattern files from Remotion
Tools
| Tool | Purpose |
|---|
Tools/Render.ts | Render, list compositions, create projects |
Tools/Theme.ts | PAI theme constants derived from Art |
Links
