cd /news/ai-agents/i-built-a-remotion-kit-that-renders-… · home › topics › ai-agents › article
[ARTICLE · art-148318] src=dev.to ↗ pub= topic=ai-agents verified=true sentiment=↑ positive

I built a Remotion kit that renders vertical shorts from a single content file

A developer open-sourced a Remotion-based kit that renders vertical short-form videos from a single TypeScript content file, with Zod schemas validating props so AI coding agents can generate content files safely. The MIT-licensed QuoteVideo template supports 7 formats and 5 themes, derives video length from content, and is complemented by a $19 full kit listed on Remotion's official resources page.

by read1 min views4 publishedOct 9, 2026

Faceless short-form channels live or die on volume — you have to ship daily. But every tool in that space wants a subscription, a timeline editor, or an API key you babysit.

So I built a kit that turns a small TypeScript content file into a finished vertical MP4, using Remotion — React, but the output is a video file.

The promo above is one continuous 3D camera shot — pure CSS transforms, no WebGL.

One file = one video:

// src/content/my-quote.ts
export const props: QuoteVideoProps = {
  theme: "paper",
  quote: "You have power over your mind, not outside events...",
  author: "Marcus Aurelius",
  authorTitle: "Meditations",
  cta: "Daily stoic wisdom — follow",
};
npx remotion render QuoteVideo out/quote.mp4

Zod schemas validate the props, which has a nice side effect: AI coding agents (Claude Code, Cursor, Devin) can generate content files safely — the schema catches their mistakes before render.

7 formats × 5 themes:

Video length derives from the content — no durationInFrames to babysit.

I open-sourced the QuoteVideo template (MIT). Clone, npm install, edit one file, render:

👉 https://github.com/developk/remotion-quote-shorts

The full kit is $19 on Gumroad and just got listed on the official Remotion resources page.

Happy to answer questions — what would you build with it?

── more in #ai-agents 4 stories · sorted by recency
── more on @remotion 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
→ Live at https://your-agent.zahid.host ✓
Get free account → Pricing
from €0/mo · no card required
LIVE [news/i-built-a-remotion-k…] indexed:0 read:1min 2026-10-09 · —