# stage-compose

Скилл учит агента собирать HTML-композицию Orkas/OVS и прогонять её через ovs draft, чтобы получить mp4. Пригодится для титров, анимации и поясняющих роликов.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · ★ 329
- Автор: Orkas-AI
- Лицензия: MIT · policy=mirror · лицензия открытая, файл — в исходнике
- Исходник: https://github.com/Orkas-AI/Orkas-VideoStudio/tree/HEAD/packages/skills/stage-compose/SKILL.md
- Обновлён: 2026-10-13
- HTML: https://affpapa.org/nevibecode/skills/stage-compose

## Что делает

Скилл описывает весь путь от `index.html` до готового файла. Анимация идёт от приостановленного таймлайна, в манифесте задаются canvas и длительность, а рендер запускается командой `ovs draft project/composition --out project/render/draft.mp4 --quality draft --report project/render/draft-report.json --findings project/composition/qa/check.json`. Перед рендером этот шлюз проверяет манифест на совпадение с HTML, готовит локальные ассеты, блокирует удалённые ресурсы и сверяет озвучку со шотлистом. Дальше идут HyperFrames check/render, медиа-QA и проверка выборочных кадров, всё сводится в один отчёт.

Внутри есть развилка по стоимости. Если ролик длиннее 20 секунд или в нём три сцены и больше, скилл советует сначала открыть HTML Preview Gate: `ovs check` и `ovs snapshot`, затем просмотреть контактный лист и рискованные кадры в полном размере. Для коротких простых работ предпросмотр можно пропустить. Есть и отдельные скиллы-спутники: `frontend-design` для визуального направления, `design-system-importer` для переноса референса в токены, `composition-design-review` для проверки кадров.

Пока черновик не вернул `ok: true`, состав заморожен: правки в `index.html`, манифест и ассеты не вносятся, если в отчёте нет реального блокера. После двух проходов без сходимости скилл велит сохранить текущий артефакт и показать проблему через `gate-control`. Если озвучка нужна отдельно, её синтезируют в `project/composition/assets/narration.mp3` и сверяют длительность до финальной сборки.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Orkas-AI/Orkas-VideoStudio --skill stage-compose -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/stage-compose/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/stage-compose/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Orkas-AI/Orkas-VideoStudio --skill stage-compose -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Orkas-AI/Orkas-VideoStudio --skill stage-compose -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Orkas-AI/Orkas-VideoStudio stage-compose
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Orkas-AI/Orkas-VideoStudio --skill stage-compose -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/Orkas-AI/Orkas-VideoStudio --path packages/skills/stage-compose
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add Orkas-AI/Orkas-VideoStudio --skill stage-compose -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/Orkas-AI/Orkas-VideoStudio/tree/HEAD/packages/skills/stage-compose/SKILL.md

## Когда брать
- собрать поясняющий ролик из HTML-композиции и получить mp4
- сделать титры, плашки и подписи поверх анимации
- проверить кадры до дорогого рендера через контактный лист
- свести манифест, озвучку и локальные ассеты в один отчёт QA
- собрать compose-сегмент внутри AUTO-плана

## Примеры запросов агенту
- Собери композицию для поясняющего ролика: напиши `index.html`, задай canvas и длительность в манифесте, потом прогони `ovs draft`.
- Проверь кадры перед рендером: запусти `ovs check` и `ovs snapshot`, покажи контактный лист.
- Добавь плашку с именем спикера и подписи к сценам, анимацию веди от приостановленного таймлайна.

## Похожие
- [hyperframes-registry](https://affpapa.org/nevibecode/skills/heygen-com-hyperframes-registry.md) — скилл · 1000000 установок
- [apple-launch-film](https://affpapa.org/nevibecode/skills/apple-launch-film.md) — скилл · 1500 установок
- [motion-brief-writer](https://affpapa.org/nevibecode/skills/motion-brief-writer.md) — скилл · 1500 установок
- [motion-graphics](https://affpapa.org/nevibecode/skills/motion-graphics.md) — скилл · 1000 установок
- [terminal-inserts](https://affpapa.org/nevibecode/skills/terminal-inserts.md) — скилл · 938 установок
- [explainer-high-energy](https://affpapa.org/nevibecode/skills/explainer-high-energy.md) — скилл · 831 установка

Из того же набора: [orkas-ai/orkas-videostudio](https://affpapa.org/nevibecode/by/orkas-ai/orkas-videostudio.md) — 5 карточек

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