# soundtrack

Пишет партитуру к анимации прямо в коде на Web Audio, рендерит её в WAV и проверяет, что монтажные склейки попадают в долю без резкого скачка громкости.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 543 установки · ★ 34
- Автор: iart-ai
- Лицензия: MIT · policy=mirror · лицензия открытая, файл — в исходнике
- Исходник: https://github.com/iart-ai/javascript-animation-skills/tree/HEAD/skills/soundtrack/SKILL.md
- Обновлён: 2026-09-30
- HTML: https://affpapa.org/nevibecode/skills/soundtrack

## Что делает

Скилл сочиняет звук под конкретный фильм: осцилляторы, шум, фильтры, огибающие и задержки в `window.SCORE = ac => { … }`. Никаких общих шаблонов — барабаны, грув или музыкальная шкатулка пишутся заново под каждый ролик. Готовые партитуры `templates/groove.js` и `templates/score.js` берутся только по прямой просьбе.

Рендер делает `render.mjs` из скилла `javascript-animation`: он прогоняет `window.SCORE` через `OfflineAudioContext`, пишет `<out>.wav` и подмешивает дорожку в MP4. Живой предпросмотр на странице играет ту же партитуру по клику. Музыка следует за картинкой через темповую карту: у каждой сцены целое число тактов, поэтому склейка попадает на сильную долю. Громкостью склейки не подчёркивают — акцент на монтаже читается как испуг, и хватает смены аккорда.

Проверка обязательна: `node scripts/sync-check.mjs piece.mp4 --cues-file piece.cues.json` сверяет объявленные `window.CUES`, а без файла ищет склейки по картинке. Скилл падает на OFF-BEAT (больше ±100 мс) и STARTLE (больше +6 дБ к предыдущей секунде). Если музыка чужая, направление обратное: сначала рендер и проверка, потом границы сцен в таблице `SCENES` сдвигаются на показанные смещения. Это дёшево, потому что функция сцены получает локальное время. Синтезом в коде не сделать реалистичный вокал, оркестр и жанровую продакшн-обработку — для них берите ИИ-музыку или готовый трек.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add iart-ai/javascript-animation-skills --skill soundtrack -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add iart-ai/javascript-animation-skills --skill soundtrack -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add iart-ai/javascript-animation-skills --skill soundtrack -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install iart-ai/javascript-animation-skills soundtrack
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add iart-ai/javascript-animation-skills --skill soundtrack -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/iart-ai/javascript-animation-skills --path skills/soundtrack
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add iart-ai/javascript-animation-skills --skill soundtrack -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/iart-ai/javascript-animation-skills/tree/HEAD/skills/soundtrack/SKILL.md

## Когда брать
- написать партитуру к анимации с нуля в коде
- свести склейки с сильной долей без скачка громкости
- отрендерить `window.SCORE` в WAV и подмешать в MP4
- проверить, совпадает ли звук с картинкой, и получить смещения
- подогнать границы сцен под уже готовый трек

## Примеры запросов агенту
- добавь музыку к анимации, партитуру напиши в коде
- проверь, попадают ли склейки в долю: `node scripts/sync-check.mjs piece.mp4 --cues-file piece.cues.json`
- музыка на склейке слишком резкая, переделай переход

## Похожие
- [motion-graphics](https://affpapa.org/nevibecode/skills/motion-graphics.md) — скилл · 1000 установок
- [ffmpeg](https://affpapa.org/nevibecode/skills/ffmpeg.md) — скилл · 11700 установок
- [manim-video](https://affpapa.org/nevibecode/skills/manim-video.md) — скилл · 4700 установок
- [cinetic](https://affpapa.org/nevibecode/skills/cinetic.md) — скилл · 1000 установок
- [Video Processor](https://affpapa.org/nevibecode/skills/video-processor.md) — скилл · ★ 1554
- [threejs-audio-generator](https://affpapa.org/nevibecode/skills/threejs-audio-generator.md) — скилл · 2900 установок

Из того же набора: [iart-ai/javascript-animation-skills](https://affpapa.org/nevibecode/by/iart-ai/javascript-animation-skills.md) — 2 карточки

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