# yyl-remotion-video

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

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 503 установки · ★ 312
- Автор: ttfake92-lab
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/ttfake92-lab/skills/tree/HEAD/skills/yyl-remotion-video/SKILL.md
- Обновлён: 2026-10-12
- HTML: https://affpapa.org/nevibecode/skills/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`.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
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/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/yyl-remotion-video/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/yyl-remotion-video/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install ttfake92-lab/skills yyl-remotion-video
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/yyl-remotion-video/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/ttfake92-lab/skills --path skills/yyl-remotion-video
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/yyl-remotion-video/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add ttfake92-lab/skills --skill yyl-remotion-video -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/ttfake92-lab/skills/tree/HEAD/skills/yyl-remotion-video/SKILL.md

## Когда брать
- собрать mp4 из статьи или сценария без ручной вёрстки таймлайна
- разложить длинный текст на главы с оценкой длительности
- сделать кадр-точную анимацию на React вместо CSS-переходов
- проверить стиллы каждой главы до финального рендера
- подобрать тему под объясняющий ролик или разбор продукта

## Примеры запросов агенту
- Сделай из этой статьи видео на Remotion, тема research-desk, главы по разделам
- Собери проект Remotion из script.md и отрендери mp4 в out/
- Проверь стиллы второй главы и поправь тайминг в timing.ts

## Похожие
- [remotion-video](https://affpapa.org/nevibecode/skills/remotion-video.md) — скилл · 2600 установок
- [remotion-video-toolkit](https://affpapa.org/nevibecode/skills/remotion-video-toolkit.md) — скилл · 779 установок
- [remotion-video-creation](https://affpapa.org/nevibecode/skills/remotion-video-creation.md) — скилл · 4900 установок
- [remotion-interactivity](https://affpapa.org/nevibecode/skills/remotion-dev-remotion-interactivity.md) — скилл · 202900 установок
- [remotion](https://affpapa.org/nevibecode/skills/vercel-labs-remotion.md) — скилл · 1700 установок
- [remotion-motion-graphics](https://affpapa.org/nevibecode/skills/remotion-motion-graphics.md) — скилл · 1100 установок

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md