Personal_AI_Infrastructure Remotion

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.

install
source · Clone the upstream repo
git clone https://github.com/danielmiessler/Personal_AI_Infrastructure
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/danielmiessler/Personal_AI_Infrastructure "$T" && mkdir -p ~/.claude/skills && cp -r "$T/Releases/v3.0/.claude/skills/Remotion" ~/.claude/skills/danielmiessler-personal-ai-infrastructure-remotion-0c2168 && rm -rf "$T"
manifest: Releases/v3.0/.claude/skills/Remotion/SKILL.md
source content

🚨 MANDATORY: Voice Notification (REQUIRED BEFORE ANY ACTION)

You MUST send this notification BEFORE doing anything else when this skill is invoked.

  1. 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 &
    
  2. 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

TriggerWorkflow
"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

ToolPurpose
Tools/Render.ts
Render, list compositions, create projects
Tools/Theme.ts
PAI theme constants derived from Art

Links