HyperFrames Student Kit — 15 скиллов для монтажа видео в Codex и Claude Code

HyperFrames Student Kit — это набор скиллов для агентов, который превращает сырую запись экрана в готовый видеоролик. Репозиторий рассчитан на Codex и Claude Code. Вы приносите свою запись, а ассистент сам расшифровывает речь, вырезает паузы, показывает вам места с ошибками и собирает motion-графику на GSAP и HyperFrames.

Проект создан для учебных целей: в нём лежат 12 готовых примеров из исходного student kit, готовый синтетический пример для проверки и 406 черновых карточек анимации в двух стилях. Лицензия — MIT.

Что внутри

Дополнительно есть синтетическая стартовая композиция и набор тестовых данных для монтажа. Им не нужны ни ваша запись, ни ключи API.

Требования и установка

Нужен Node.js версии 22 или новее, Git, FFmpeg с ffprobe и Chrome или Chromium. Команды node, ffmpeg и ffprobe должны быть доступны в терминале.

git clone https://github.com/nateherkai/hyperframes-student-kit.git
cd hyperframes-student-kit
npm ci
npm run setup
npm test

Команда npm run setup проверяет инструменты и создаёт файл .env, только если его ещё нет. Дальше вы добавляете ключи только для тех сервисов, которыми решите пользоваться.

Подробности — в гайде по инструментам и ключам API и в описании установки и решения проблем.

Первый рендер

npm run demo
cd video-projects/demo
npx hyperframes lint
npx hyperframes preview

В Studio можно пролистать восьмисекундную анимацию. Посмотрите её, остановите просмотр через Ctrl+C, затем отрендерите ролик:

npx hyperframes render --quality draft --output renders/demo.mp4

Демо использует локальный GSAP. При первом рендере HyperFrames может скачать и сохранить в кэш замены шрифтов. Голоса записи в демо нет. Отдельная синтетическая расшифровка нужна только для проверки инструментов нарезки — это выдуманные тестовые данные, а не запись титров.

Монтаж своей записи

Откройте папку репозитория в Codex или Claude Code и напишите:

Use edit-video to edit my recording at [local path]. Keep my examples and core lessons. Tighten dead air, show me the proposed mistake cuts, and use the dark graph-paper style with occasional glass cards. Produce a reviewed draft.

В Codex это вызов $edit-video, в Claude Code — /edit-video. Если нужна одна операция, а не полный проход, берите cut-silences, cut-mistakes, video-storytelling или style-library.

Дальше понадобятся пошаговый порядок работы, готовые промпты и рабочая тетрадь по сторителлингу.

Рилс или YouTube Short

Use short-form-edit to turn my recording at [local path] into a 9:16 reel. Build a truthful hook and payoff, preserve my meaning, tighten mistakes, and add precise captions, purposeful moving footage, and sound design. Prepare a draft for review. Use my existing footage before proposing generated assets.

В Codex это $short-form-edit, в Claude Code — /short-form-edit. Скилл включает справочники по планированию и проверяющие скрипты для тайминга субтитров, привязки кадров к исходнику, покрытия сцен и повторного использования съёмки. Это работа, которую ведёт агент, а не кнопка: перед публикацией всё равно стоит посмотреть и послушать результат. Подробности — в разборе короткого формата.

Ролик motion-дизайна

Use motion-showreel to make a 15-second showreel for [brand]. Study my reference reel at [local path] if I give one. Pick one motif that transforms through every chapter, cut on the music's beat grid, and end on the logo. Show me the storyboard and beat sheet before building, and confirm before any paid music or asset generation.

В Codex это $motion-showreel, в Claude Code — /motion-showreel. Внутри есть разбор ролика, на котором скилл построен, библиотека техник по главам, шаблон HUD и Node-скрипты, которые разбирают референсный ролик, измеряют сетку долей в музыкальном фрагменте, накладывают её на сетку монтажа и сводят звуковые эффекты в микс.

Готовый пример: 15 секунд, 1920×1080, 60 fps, монтаж по сетке 129 BPM. Красная точка-скроллер проходит семь глав и превращается в кнопку воспроизведения в логотипе.

Стиль и библиотека карточек

Карточки — это черновые заготовки. Их нужно проверить со своим текстом и своей съёмкой. Шаблоны библиотеки могут подключать GSAP и Google Fonts с публичных CDN: когда собираете финальный проект, лучше перенести эти зависимости к себе.

Инструменты и внешние сервисы

Автор набора пользуется ElevenLabs Scribe для расшифровки и Kie.ai для генерации видео и картинок. Ключи и лимиты оплаты вы приносите свои. Можно попросить ассистента использовать OpenAI Whisper или локальный Whisper, либо передать готовую расшифровку с точностью до слова. Генерировать ассеты необязательно.

Стартовый локальный пример не требует ни платной расшифровки, ни платной генерации.

Прежние примеры и переезд

Это основной репозиторий student kit. Более новый набор для видео-конвейера влит сюда с сохранением обеих историй Git. Исходные 12 проектов остались в папке video-projects/ вместе с общими брендовыми примерами и скиллами make-a-video, short-form-video, website-to-hyperframes.

Для новых рилсов используйте short-form-edit. Скилл short-form-video описывает старые композиции Shorts за май. Подробности — в заметках о переезде и совместимости.

Новые папки внутри video-projects/ и raw-media/ игнорируются автоматически. Файлы, которые уже отслеживает Git, остаются отслеживаемыми. Для своей съёмки создайте отдельный проект.