remotion-video-toolkit — скилл для Claude Code: видео на React
Скилл учит ИИ-агента писать код Remotion: анимации, тайминг, рендер в MP4, субтитры, графики и 3D. Пригодится, когда видео генерируется из данных, а не собирается руками в редакторе.
npx skills add shreefentsar/remotion-video-toolkit --skill remotion-video-toolkit -a claude-codeЧто делает remotion-video-toolkit
Внутри 29 правил, разложенных по файлам: композиции, рендеринг, анимации, тайминг, переходы, текст, медиа, субтитры, графики, 3D, Lottie, TailwindCSS и утилиты для работы с длительностью и размерами файлов. Агент читает нужное правило и пишет компоненты React, из которых Remotion собирает настоящий MP4.
Рендерить можно по-разному: через CLI, Node.js API, AWS Lambda или Cloud Run, вплоть до HTTP-эндпоинта, который принимает JSON и отдаёт видеофайл. Субтитры делаются через Whisper, Deepgram или AssemblyAI, готовые .srt тоже подхватываются.
Что нужно заранее: Node.js 18+, React 18+ и сам Remotion, проект поднимается командой npx create-video@latest. FFmpeg ставить отдельно не надо, он идёт вместе с @remotion/renderer. Для серверного рендера понадобится аккаунт AWS или GCP — без него этот путь не заработает, так что сначала решите, где будете рендерить.
Какие задачи решает
- собрать MP4 из React-компонентов без монтажной программы
- отрендерить по одному видео на каждого пользователя из JSON-данных
- наложить субтитры в стиле TikTok с подсветкой по словам
- превратить дашборд с метриками в анимированный видеоклип
- отдать рендер видео как HTTP-эндпоинт для своего приложения
Примеры запросов агенту
- сделай композицию Remotion с анимацией появления заголовка и отрендери её в out/video.mp4
- добавь в проект субтитры из аудио через Whisper и выведи их с подсветкой по словам
- настрой рендер через AWS Lambda, чтобы принимать props в JSON и отдавать готовый файл
Как установить remotion-video-toolkit
1Через Skills CLI (Vercel)
npx skills add shreefentsar/remotion-video-toolkit --skill remotion-video-toolkit -a claude-code2Вручную: положить файлы
~/.claude/skills/remotion-video-toolkit/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/remotion-video-toolkit/
1Через Skills CLI (Vercel)
npx skills add shreefentsar/remotion-video-toolkit --skill remotion-video-toolkit -a codex2Вручную: положить файлы
.agents/skills/remotion-video-toolkit/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add shreefentsar/remotion-video-toolkit --skill remotion-video-toolkit -a cursor2Вручную: положить файлы
.cursor/skills/remotion-video-toolkit/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install shreefentsar/remotion-video-toolkit remotion-video-toolkit2Вручную: положить файлы
.github/skills/remotion-video-toolkit/SKILL.md1Через Skills CLI (Vercel)
npx skills add shreefentsar/remotion-video-toolkit --skill remotion-video-toolkit -a gemini-cli2Командой платформы
gemini skills install https://github.com/shreefentsar/remotion-video-toolkitВручную: положить файлы
.devin/skills/remotion-video-toolkit/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add shreefentsar/remotion-video-toolkit --skill remotion-video-toolkit -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Похожие
Рядом в теме «Фронтенд и UI»
Всё по теме «Фронтенд и UI» →Вопросы о remotion-video-toolkit
Как установить remotion-video-toolkit в Claude?
Выполните npx skills add shreefentsar/remotion-video-toolkit --skill remotion-video-toolkit -a claude-code. Скилл окажется в ~/.claude/skills/remotion-video-toolkit/SKILL.md.
Что делает remotion-video-toolkit?
Даёт агенту 29 правил по Remotion: композиции, анимации, тайминг, переходы, текст, медиа, субтитры, графики, 3D и рендеринг через CLI, Node.js, Lambda или Cloud Run.
Что нужно для работы скилла?
Node.js 18+, React 18+ и Remotion, проект создаётся через npx create-video@latest. FFmpeg отдельно не нужен, а для рендера на Lambda или Cloud Run потребуется аккаунт AWS или GCP.
