Remotion agent video
Build Your Own AI Employee. The complete starter kit for OpenClaw + Hermes Agent. 155 deduplicated skills, drag-and-drop workspace, case studies, install scripts.
npx -y skills add S3YED/appie-kit --skill remotion-agent-videoAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Remotion v4.0.4xx with agent skill support for AI-driven video creation. Covers programmatic video generation with React, the new effects ecosystem, and first-party agent skills.
SKILL.md
2.7 KB, 582 tokens by cl100k_base, as published. Nobody here has run it
Remotion Agent Video Creation
Remotion v4.0.4xx lets you create videos programmatically with React — and now ships first-party agent skills.
Agent Skills
Install Remotion's official skills for AI coding agents:
npx skills add remotion-dev/skills
This adds skills for: Claude Code, Codex, and Cursor with best practices for Remotion projects.
New Effects (@remotion/effects)
v4.0.4xx adds a composable effects ecosystem:
| Effect | Description |
|---|---|
cornerPin | Perspective/distortion corner pinning |
lightTrail | Motion light trail effect |
checkerboard | Checkerboard transition pattern |
emboss | 3D emboss effect |
gridlines | Grid overlay |
zoomBlur | Zoom-based radial blur |
radialProgressiveBlur | Progressive blur from center out |
linearGradient | Linear gradient overlay |
Composable: stack multiple effects on a single <Sequence>.
Studio Improvements
- Element drag-and-drop in timeline
- Timeline edge dragging for trim
- Sequence renaming
- Inspector controls grouped by category
- Effect context menu
- Keyframe easing handles
- WebGL HtmlInCanvas callbacks preserved
Player Improvements
import { Player } from "@remotion/player";
<Player
component={MyVideo}
durationInFrames={120}
compositionWidth={1920}
compositionHeight={1080}
fps={30}
pixelDensity={2} // fine-grained quality control
/>
- Muted players skip AudioContext creation (avoids autoplay blocks)
pixelDensityfor fine-grained output quality
Getting Started with AI Agents
# Create a new Remotion project
npx create-video
# Install agent skills
npx skills add remotion-dev/skills
# Start the Studio
npx remotion studio
# Render
npx remotion render
AI-Driven Workflow
When using an AI agent with Remotion:
- Create project via
npx create-videowith your template - Load remotion-agent-video skill so the agent knows the latest APIs
- Use @remotion/effects for polished transitions (cornerPin, zoomBlur, etc.)
- Leverage agent skills via
npx skills add remotion-dev/skillsfor guided patterns - Render with pixelDensity for high-quality output
Pitfalls
- Agent skills are new — verify suggested patterns against Remotion docs
- Effects system is composable but order matters (effects apply in sequence)
- Large projects may need
--timeoutflag on render command