Как повторить
- Выберите библиотеку в разделе «Ссылки». Подборка разбита по широким категориям: рендер и монтаж, анимация и графика, 3D и физика, звук и субтитры. Точный инструмент под вашу задачу выбираете вы сами.
- Откройте агента с выходом в интернет: Claude Code, Cursor или похожий. Вставьте прямую ссылку на репозиторий и попросите сначала прочитать README (главный файл с описанием) и примеры, потом писать код. Описывать функции библиотеки своими словами не стоит: пусть агент возьмёт их из первоисточника.
- Для HyperFrames в Claude Code выполните
claude plugin marketplace add heygen-com/hyperframesиclaude plugin install hyperframes@hyperframes. После этого команда/hyperframes:hyperframesподключит готовые инструкции для агента. Для Cursor и Codex в репозитории лежат свои плагины. - Если агент пишет код наугад и не открывает ссылку, значит, ему нечем прочитать внешнюю страницу: у него нет ни доступа в интернет, ни MCP-инструмента (подключаемого модуля) для чтения репозиториев. Тогда скопируйте README в промпт текстом.
Как проверить результат
Дайте агенту ссылку на HyperFrames и попросите собрать короткий ролик из HTML в MP4. Если он с первого раза выдаёт рабочую команду и реальные опции библиотеки, приём сработал. Если появляется похожий по названию, но несуществующий метод, агент ссылку не открыл и README нужно вставить текстом. Этот тест покажет, работает ли приём в вашей связке.
Ссылки
- HyperFrames: рендер видео из HTML в MP4 от HeyGen, сделан под агентов. Работает локально, нужны Node.js 22+ и FFmpeg.
- Remotion: полноценный фреймворк для видео из кода на React. Бесплатен для личного использования и команд до 3 человек, с 4 сотрудников нужна платная Company License от $100 в месяц.
- OpenCut: открытая замена CapCut для монтажа. Основная ветка сейчас переписывается с нуля, рабочая версия лежит в opencut-app/opencut-classic и крутится на opencut.app.
- FFmpeg: обработка видео и аудио из командной строки.
- OBS Studio: запись экрана.
- Anime.js: анимации на JavaScript.
- React Spring: пружинные анимации.
- PixiJS: сложная 2D-графика.
- p5.js: генеративные узоры.
- Paper.js: векторная графика.
- tsParticles: эффекты из частиц.
- GL Transitions: переходы между кадрами на шейдерах.
- Three.js: 3D-сцены и движение камеры.
- OGL: лёгкая альтернатива Three.js.
- glTF-Transform: работа с 3D-моделями формата glTF.
- Matter.js: 2D-физика.
- Rapier: физика в 3D.
- Tone.js: звук и музыка в коде.
- Chatterbox: генерация озвучки. Модель бесплатная, запускается на своей видеокарте или в платном облаке.
- faster-whisper: расшифровка речи для субтитров.
Источник: Instagram @not_morozov (Cyrill Morozov).