К основному содержанию
скилл CX Codex

yyl-remotion-video — скилл для Claude Code: видео из статьи в mp4

Превращает статью, сценарий или заметки в проект Remotion и рендерит mp4. Пригодится, когда нужен видеофайл, а не веб-презентация.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/yyl-remotion-video/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/yyl-remotion-video/

По шагам, с командами для каждой платформы: Как установить скилл в 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.

Будет ли в готовом видео звук?

Нет. Скилл не синтезирует аудио, длительности глав только оцениваются. Озвучку и субтитры добавляют на этапе постпродакшена.

Похожие скиллы

Всё по теме «Маркетинг и контент» →
remotion-video iart-ai Скилл для сборки MP4, GIF и WebM прямо в React: каждый кадр — чистая функция от useCurrentFrame, поэтому рендер детерминированный и повторяемый. CX Codex +1 2 600установок remotion-video-toolkit shreefentsar Скилл учит ИИ-агента писать код Remotion: анимации, тайминг, рендер в MP4, субтитры, графики и 3D. Пригодится, когда видео генерируется из данных, а не собирается руками в редакторе. CX Codex +1 779установок remotion-video-creation affaan-m Скилл подсказывает агенту правила работы с Remotion в React: от анимаций и звука до субтитров, графиков и переходов. Пригодится при сборке видео из React-компонентов. CX Codex +1 4 900установок remotion-interactivity remotion-dev Подсказывает агенту, как размечать компоненты Remotion для редактирования в Remotion Studio. Пригодится при верстке видеосцен с настраиваемыми стилями, текстом и таймлайном. CX Codex +1 202 900установок remotion vercel-labs Скилл превращает JSON-описания видеотайм-лайна в готовые видеокомпозиции через Remotion. Пригодится, если генерируешь видео программно или собираешь каталоги видеоклипов из данных. CX Codex +1 1 700установок remotion-motion-graphics haidrrrry Скилл для ИИ-кодинга, который заставляет агента писать код Remotion по правилам моушн-дизайна, а не выдавать линейные фейды и плоские фоны. CX Codex +1 1 100установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой