🎬

Remotion Best Practices

SECURITY A

by Community · vercel-labs/agent-skills

用Remotion编程式创建视频——帧率控制、镜头运动、音画同步和React驱动的动画。

111K

安装量

4K

GitHub Stars

4.7

评分

3

兼容平台

在线试玩

无需安装,直接在浏览器中体验这个技能的效果。

示例输入:

用Remotion创建30秒产品宣传视频,包含动画文字、Logo展示和背景音乐。

在 Playground 中试玩

技能指令预览

以下是该 Skill 加载到 AI 时的系统指令(SKILL.md 核心内容):

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

标签

videoRemotionReactanimationprogrammatic video

安装命令

npx skills add vercel-labs/agent-skills@remotion-best-practices

兼容平台

Claude Code
Cursor
OpenAI Codex

权限与安全

A

安全

静态扫描通过

纯文本low

Text generation only — no file/network/shell access

建议安装前审查源码,特别是请求文件系统或网络访问权限的技能。