Agent skill
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 this agent skill to your Project
npx add-skill https://github.com/Steffen025/pai-opencode/tree/main/.opencode/skills/Media/Remotion
SKILL.md
🚨 MANDATORY: Voice Notification (REQUIRED BEFORE ANY ACTION)
You MUST send this notification BEFORE doing anything else when this skill is invoked.
-
Send voice notification:
bashcurl -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:
~/.opencode/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
- Remotion Docs: https://remotion.dev/docs
- GitHub: https://github.com/remotion-dev/remotion
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
Steffen025/pai-opencode
PAI
Steffen025/pai-opencode
USMetrics
US metrics, economic indicators and data tracking. USE WHEN US metrics, American data, statistics, demographics, GDP, inflation, unemployment, economic metrics, gas prices.
Steffen025/pai-opencode
Research
Comprehensive research and content extraction. USE WHEN research, investigate, extract wisdom, analyze content. For OSINT use OSINT skill.
Steffen025/pai-opencode
Agents
Dynamic agent composition. USE WHEN custom agents, agent personalities, traits, voices.
Steffen025/pai-opencode
Investigation
Investigation and research skills. USE WHEN investigate, research person, company intel, due diligence, OSINT, background check.
Steffen025/pai-opencode
OSINT
Open source intelligence gathering. USE WHEN OSINT, due diligence, background check, research person, company intel, investigate. SkillSearch('osint') for docs.
Didn't find tool you were looking for?