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

★ 8.1 · vibe-coding

Создание видео через Remotion — это скилл для Claude Code, который преобразует JSON-спецификации временной шкалы в видеокомпозиции Remotion через пакет @json-render/remotion. Берут, когда нужно генерировать видео программно из структурированных данных, строить видеокаталоги с повторно используемыми компонентами, рендерить AI-сгенерированные таймлайны в готовый видеофайл или быстро собирать ролики без ручного монтажа. Внутри — рендерер Renderer, типизированная схема TimelineSpec на TypeScript с Zod-валидацией, готовые компоненты (TitleCard, TypingText, ImageSlide, SplitScreen, QuoteCard, StatCard, TextOverlay, LowerThird), стандартные переходы и эффекты, хук useTransition и обёртка ClipWrapper. Структура таймлайна описывается JSON с полями composition, tracks, clips и audio; подключается через @remotion/player в React-проект. Кастомные компоненты добавляются через defineCatalog с Zod-схемой пропсов. Направление — генерация видео из JSON, а не разбор или транскрипция готового видео. Подойдёт для React/TypeScript-проектов, где видеоконтент собирается динамически; не подходит, если нет React-окружения или требуется серверный рендеринг без Remotion-инфраструктуры.