hyperframes · openai — плагин для Codex: HTML-видео
Плагин помогает создавать и рендерить видео из HTML-композиций. Подойдёт для анимаций GSAP, субтитров и захвата сайта в ролик.
Открыть на GitHubЧто делает hyperframes
Внутри пять скиллов: для композиций на HTML, CSS и GSAP, работы с CLI, установки готовых компонентов, анимаций GSAP и захвата сайта в видео. Можно собирать композиции с переходами, титрами и визуализацией, реагирующей на аудио, а затем запускать предпросмотр или рендер через hyperframes.
Скиллы вызывают CLI командой npx hyperframes. Для работы нужны Node.js версии 22 или выше и FFmpeg в PATH; без FFmpeg CLI не сможет выполнить рендер. Среди команд есть init, lint, preview, render, transcribe, tts, doctor и browser.
Какие задачи решает
- создать видеокомпозицию на HTML, CSS и GSAP
- отрендерить композицию в видео через CLI
- добавить готовые переходы и эффекты через реестр
- захватить сайт и собрать из него видео
- создать субтитры или озвучку для ролика
Примеры запросов агенту
- Создай видеокомпозицию на HTML и CSS с анимацией GSAP, затем подготовь её к рендеру через
hyperframes. - Проверь проект командой
hyperframes lintи покажи предпросмотр черезhyperframes preview. - Захвати сайт и собери из него готовое видео по шагам
website-to-hyperframes.
Вопросы о hyperframes
Как установить hyperframes в Codex?
Для запуска скиллов нужны Node.js версии 22 или выше и FFmpeg в PATH. Сам CLI вызывается командой npx hyperframes.
Что делает hyperframes?
Плагин помогает создавать видео из HTML-композиций: от анимаций и титров до рендера и захвата сайта в ролик.
Что нужно для работы hyperframes?
Нужны Node.js версии 22 или выше и FFmpeg, доступный через PATH. Скиллы запускают CLI с помощью npx hyperframes.
Исходный текст
hyperframes · Apache-2.0
# hyperframes OpenAI Codex plugin for [HyperFrames](https://hyperframes.heygen.com) — an open-source video rendering framework where HTML is the source of truth for video. ## What's included Five skills for authoring and rendering video: - **hyperframes** — composition authoring (HTML + CSS + GSAP), visual styles, palettes, house style, motion principles, transitions, captions, audio-reactive visuals - **hyperframes-cli** — `hyperframes init / lint / preview / render / transcribe / tts / doctor / browser` - **hyperframes-registry** — `hyperframes add` to install reusable blocks and components (social overlays, shader transitions, data viz, effects) - **gsap** — tweens, timelines, easing, stagger, performance - **website-to-hyperframes** — 7-step pipeline that captures a URL and produces a finished video ## Requirements The skills invoke the `hyperframes` CLI via `npx hyperframes`, which needs: - Node.js ≥ 22 - FFmpeg on `PATH` See [hyperframes.heygen.com/quickstart](https://hyperframes.heygen.com/quickstart) for full setup. ## Source of truth The skills are authored in [`heygen-com/hyperframes`](https://github.com/heygen-com/hyperframes) (under `skills/` at the repo root) and mirrored here. File issues about skill content on that repo.
© HeyGen · Apache-2.0 · openai/plugins
Похожие плагины
Все плагины по теме «Дизайн» →Сначала — hyperframes от других авторов.