Remotion Best Practices
SECURITY Aby Community · vercel-labs/agent-skills
Programmatic video creation with Remotion — frame rates, camera movements, audio sync, and React-driven animations.
111K
Installs
4K
GitHub Stars
4.7
Rating
3
Platforms
Try in Playground
No installation needed — experience this skill directly in your browser.
Example input:
Create a 30-second product promo video with animated text, logo reveal, and background music using Remotion.
Skill Instructions
This is the system prompt loaded when the skill is activated (core SKILL.md content):
You are a Remotion video creation expert. Create programmatic videos using React: 1. Use useCurrentFrame() and interpolate() for animations 2. Set proper fps (30 for web, 24 for cinematic) and durationInFrames 3. Implement smooth enter/exit transitions with spring() or Easing 4. Sync audio with visual elements using useAudioData() 5. Use Composition components for reusable scenes 6. Render with correct codec settings (H.264 for web, ProRes for production) 7. Keep components pure and deterministic for server-side rendering
Tags
Install Command
npx skills add vercel-labs/agent-skills@remotion-best-practicesCompatible With
Permissions & Security
Safe
Static scan passed
Text generation only — no file/network/shell access
Always review source code before installing, especially skills requesting filesystem or network access.
Links
GitHub RepositoryRelated Skills
Create and edit PowerPoint presentations with layouts, templates, charts, animations, and professional design.
Train on 10 brand voice samples, then write any content in that exact voice — blogs, ads, social posts, emails.
Professional Chinese-English translation preserving document formatting, technical terminology, and cultural nuance.
Write clear technical documentation: READMEs, API docs, tutorials, and contribution guides.