Turn Scripts into MP4s: yyl-remotion-video for Agents

Where this fits

You've just finished a detailed blog post or technical guide, and now you need a narrated video version for YouTube or social media. Instead of manually assembling slides and recording voiceover, your agent can generate a complete Remotion project—with frame-accurate animations, estimated durations, and a direct mp4 export—ready for post-production voiceover. This skill is for developers who want to turn written content into polished spoken-video assets without leaving their coding workflow.

Why agents benefit

• Frame-accurate motion control: The skill generates React/TypeScript compositions where every animation is tied to specific frames, giving agents precise control over timing and effects.
• Standalone project generation: It outputs a self-contained Remotion project (with Root.tsx, chapters, and timing files) that can be rendered locally or in CI—no external video service required.
• Theme-driven templates: Bundled themes and templates let agents apply consistent color/typography systems across videos, ensuring brand alignment without manual styling.
• Direct mp4 rendering: Agents can trigger npx remotion render to produce final video files, eliminating the need for screen recording or slide export hacks.
• Structured content flow: The skill accepts an article, script, or outline and automatically splits it into chapters with narration and timing files, saving agents from designing the video architecture from scratch.

Practical scenarios

From Article to Explainer Video

An agent reads a technical article, extracts key points, and generates a 16:9 video with animated text overlays and estimated durations. The developer reviews the preview stills, records a voiceover, and renders the final mp4—all from the same codebase.

Batch-Generating Video Variants

For a marketing team, an agent creates multiple video versions of the same script with different themes (light/dark, brand A/B). Each variant is a separate Remotion project, so the agent can tweak colors and typography in the theme files and render all outputs in parallel.

Post-Production Voiceover Pipeline

The skill doesn't force TTS, so an agent can generate a video with placeholder narration timing, then sync a professionally recorded voiceover by adjusting the timing.ts files. This fits perfectly into existing editing workflows.

Add it to your agent workflow

Install the skill with:

npx skills add ttfake92-lab/skills --skill yyl-remotion-video

Then point your agent at a script file. Example prompt: "Convert article.md into a 60-second video, using the 'minimal' theme." The agent will scaffold the project, create chapters and timing, and output a preview-stills/ directory for quick review before rendering.

Compare before adopting

Before committing, compare this skill against alternatives like manually writing Remotion code or using generic video-generation services. Check the quality of the generated templates, how actively the skill is maintained (stars and recent commits), and whether the themes/ and templates/ resources match your typical video style. Also verify that the workflow fits your agent's existing toolchain—especially if you already use Remotion directly.

Why it is worth tracking

With 206 stars and a clear focus on developer-friendly video generation, this skill is gaining traction in the agent community. Its structured output and bundled references make it a solid foundation for any agent that needs to produce spoken-video content. Track it if you're building video pipelines, and evaluate it when your users start asking for mp4 exports instead of slide decks. For a broader view of agent skills, see OpenAgentSkill.