remotion - Remotion для Claude Code, видео кодом

Когда звать

• Когда нужен ролик из шаблона или данных - заставка, промо, анимированный график, - а монтировать руками в редакторе долго.
• Когда агент пишет код Remotion наугад по старой памяти и рендер падает или ролик выглядит не так, как задумано.

Что это

Remotion - библиотека, в которой видео делают кодом на React: каждый кадр - это страница, а движок проходит по кадрам и склеивает из них MP4. Текст, картинки, графики, субтитры, музыка - всё задаётся в коде, поэтому один шаблон легко превращается в сотню роликов с разными данными.

У Remotion есть свои официальные скиллы для агентов. Их пишет и обновляет сама команда Remotion: исходники лежат в основном репозитории remotion-dev/remotion в папке packages/skills, а для установки есть отдельное зеркало remotion-dev/skills. По документации Remotion скиллы подходят для Claude Code, Codex, Cursor и Kimi Code.

Это не плагин и не MCP-сервер, а набор обычных папок со SKILL.md по открытому стандарту скиллов. Я держу их у себя и зову, когда нужно собрать ролик кодом, а не в монтажке.

Какие скиллы внутри

Список сверен с README репозитория на 28 сентября 2026 года.

• remotion-best-practices - главный. Сам решает, какой из остальных открыть под задачу. Если не знаешь, что звать, зови его.
• remotion-create - создать новый проект Remotion или новую композицию, то есть отдельный ролик внутри проекта.
• remotion-markup - как правильно писать сам ролик: композиции, анимации, раскладка, шрифты, медиа, эффекты, звук, тайминг.
• remotion-studio - запустить Studio, окно предпросмотра в браузере, где ролик видно до рендера.
• remotion-render - отрендерить ролик в видеофайл или отдельный кадр в картинку.
• remotion-captions - субтитры: как их хранить, показывать и анимировать.
• remotion-maps - анимированные карты: маршруты, метки, пролёты камеры.
• remotion-multimedia - работа с видео и звуком в браузере: узнать длительность и размер файла, обрезать, кадрировать.
• remotion-interactivity - как писать код так, чтобы элементы можно было двигать и править прямо в Studio.
• remotion-saas - если хочешь построить на Remotion свой сервис: встроенный плеер на сайте, рендер в облаке, готовые шаблоны.
• remotion-docs - поиск по свежей документации Remotion, чтобы агент не писал по устаревшей памяти.
• remotion-upgrade - обновить Remotion, связанные пакеты и сами скиллы.

Что он меняет в работе агента

Без скиллов агент пишет код Remotion по тому, что запомнил при обучении. Библиотека обновляется часто, и часть этой памяти устарела: ролик не собирается или анимация дёргается. Скиллы дают агенту актуальные правила от авторов библиотеки и порядок действий: создать проект, написать композицию, открыть превью, отрендерить. А когда ответа в скилле нет, remotion-docs отправляет агента в свежую документацию, а не в догадки.

Как поставить

Официальная команда Remotion из README и документации - npx skills add remotion-dev/skills. Она запускает установщик скиллов и спрашивает, в какие программы их положить. В блоке рядом та же команда с двумя уточнениями из справки установщика: -g ставит скиллы для всех проектов, а не в одну папку, -a сразу выбирает программу. Нужен установленный Node.js.

Claude Code. npx skills add remotion-dev/skills -g -a claude-code - скиллы лягут в ~/.claude/skills/. После установки перезапусти сессию. Общий порядок установки скиллов и проверка, что агент их видит, - в статье как установить скилл в Claude Code.

Codex. npx skills add remotion-dev/skills -g -a codex - та же команда, другая программа. Как в Codex устроены скиллы - в статье Codex skills.

При создании проекта. Если заводишь новый ролик с нуля командой Remotion для создания проекта (bun create video в документации), установщик сам предложит добавить скиллы.

Как звать и что писать в задании

Скиллы срабатывают сами, когда задача про Remotion. Можно позвать и явно - слэшем, как в примерах из README:

/remotion-create Сделай промо-ролик на 15 секунд для магазина пластинок

Чем конкретнее задание, тем меньше переделок. Сравни:

сделай видео

Сделай вертикальный ролик 1080x1920 на 20 секунд. Три экрана с текстом
по очереди, шрифт Inter, тёмный фон, в конце логотип. Сначала открой
превью в Studio, рендер в MP4 - после того как я посмотрю.

Во втором случае агент знает формат, длину и порядок работы, а ты видишь ролик в Studio до того, как он потратит время на рендер.

Чего скиллы не делают

• Не снимают и не монтируют живое видео. Remotion собирает ролик из кода: текст, графика, вставленные файлы. Резать запись разговора - это к обычному редактору.
• Не решают вопрос лицензии за тебя. Сама библиотека Remotion бесплатна для частных лиц и компаний до трёх сотрудников, компании крупнее покупают лицензию. Проверь по файлу лицензии, подходишь ли ты.
• Не делают рендер мгновенным. Длинный ролик в высоком разрешении считается минуты, на слабом компьютере - дольше.

Вопросы и ответы

Это плагин или MCP? Ни то ни другое: обычные скиллы, папки со SKILL.md. Ставятся через установщик npx skills.

Скиллы бесплатные? Скиллы открыты на GitHub и ставятся бесплатно. Платной может оказаться сама библиотека Remotion, если у тебя компания больше трёх человек, - условия выше.

Работает ли в Codex? Да, документация Remotion прямо называет Codex среди поддерживаемых программ. Ставится той же командой с -a codex.

Как обновить? Попроси агента обновить Remotion - скилл remotion-upgrade обновляет и пакеты, и установленные скиллы. Или вручную: npx skills update.

Автор и источник

Скиллы чужие, автор - команда Remotion. Мы их не меняли. Описание и команды сверены с README репозитория remotion-dev/skills, страницей Agent Skills в документации Remotion и справкой установщика vercel-labs/skills на 28 сентября 2026 года. Лицензия - LICENSE.md репозитория remotion-dev/remotion. Скиллы обновляются вместе с библиотекой, поэтому детали сверяй по первоисточнику.