remotion

name: Remotion description: 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.

🚨 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.

Create professional videos programmatically with React.

Customization

Before executing, check for user customizations at: ~/.claude/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