yyl-remotion-video — скилл для Claude Code: видео из статьи в mp4
Превращает статью, сценарий или заметки в проект Remotion и рендерит mp4. Пригодится, когда нужен видеофайл, а не веб-презентация.
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a claude-codeЧто делает yyl-remotion-video
Скилл берёт исходный текст и собирает вокруг него проект Remotion: article.md с материалом, script.md с текстом для озвучки, outline.md с планом глав и битов. Дальше в remotion/ появляются Root.tsx, Composition.tsx и папки глав, где лежат narrations.ts и timing.ts. Анимация строится на useCurrentFrame(), interpolate(), Easing и Sequence — CSS-переходы и GSAP для основной анимации не годятся. Tailwind допустим только для статичной вёрстки.
Перед работой скилл выбирает режим: Quick для коротких черновиков, Standard для обычного объясняющего ролика, Strict для брендового или рискованного контента. Кадры по умолчанию — 30 fps, 1920×1080. Звук не синтезируется: длительность глав оценивается по тексту и сложности картинки, а озвучка и субтитры остаются на постпродакшен. Финальный mp4 выходит без звука, пока вы сами не подложите аудио.
Если дать только тему без материала, скилл попросит исходник и не станет выдумывать ролик целиком. Темы берутся лишь из комплекта — themes/command-film, themes/studio-white, themes/research-desk, — а шаблон luxury-perspective-gallery требует Tailwind, поэтому проект придётся создавать с его поддержкой. Перед финальным рендером обязательны проверки стиллами: npx remotion still <composition-id> --frame=<frame> --scale=0.5 --output=preview-stills/<name>.png.
Какие задачи решает
- собрать mp4 из статьи или сценария без ручной вёрстки таймлайна
- разложить длинный текст на главы с оценкой длительности
- сделать кадр-точную анимацию на React вместо CSS-переходов
- проверить стиллы каждой главы до финального рендера
- подобрать тему под объясняющий ролик или разбор продукта
Примеры запросов агенту
- Сделай из этой статьи видео на Remotion, тема research-desk, главы по разделам
- Собери проект Remotion из script.md и отрендери mp4 в out/
- Проверь стиллы второй главы и поправь тайминг в timing.ts
Как установить yyl-remotion-video
1Через Skills CLI (Vercel)
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a claude-code2Вручную: положить файлы
~/.claude/skills/yyl-remotion-video/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/yyl-remotion-video/
1Через Skills CLI (Vercel)
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a codex2Вручную: положить файлы
.agents/skills/yyl-remotion-video/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a cursor2Вручную: положить файлы
.cursor/skills/yyl-remotion-video/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install ttfake92-lab/skills yyl-remotion-video2Вручную: положить файлы
.github/skills/yyl-remotion-video/SKILL.md1Через Skills CLI (Vercel)
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a gemini-cli2Командой платформы
gemini skills install https://github.com/ttfake92-lab/skills --path skills/yyl-remotion-videoВручную: положить файлы
.devin/skills/yyl-remotion-video/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о yyl-remotion-video
Как установить yyl-remotion-video в Claude?
Выполните npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a claude-code. После этого файл скилла окажется по пути ~/.claude/skills/yyl-remotion-video/SKILL.md.
Что делает yyl-remotion-video?
Собирает standalone-проект Remotion из статьи, сценария или заметок: файлы контента, главы с текстом озвучки и оценкой длительности, а затем рендерит mp4 в 16:9.
Будет ли в готовом видео звук?
Нет. Скилл не синтезирует аудио, длительности глав только оцениваются. Озвучку и субтитры добавляют на этапе постпродакшена.