Remotion — генерация видео из JSON-таймлайна

★ 8.1 · vibe-coding

Remotion — video generation from JSON timeline is a Claude Code skill that converts JSON timeline specifications into Remotion video compositions via the @json-render/remotion package. Reach for it when you need to programmatically generate videos from structured data, build reusable video catalogs, render AI-generated timelines into finished clips, or assemble content-driven videos without manual editing. The skill ships a typed Renderer component, a TimelineSpec schema validated with Zod, and a ready-made component library — TitleCard, TypingText, ImageSlide, SplitScreen, QuoteCard, StatCard, TextOverlay, and LowerThird — plus standard transitions, effects, a useTransition hook, and ClipWrapper. Timelines are plain JSON objects with composition, tracks, clips, and audio fields; the renderer plugs into any React project through @remotion/player. Custom components integrate via defineCatalog with a Zod props schema. The direction is video generation from JSON — not video analysis, transcription, or compression (use dedicated tools for those). Works well in React/TypeScript projects where video content is assembled dynamically; not suitable without a React environment or when server-side rendering outside the Remotion pipeline is required.