Словами самого skill
Skill, ориентированный на маршрутизацию, для одного короткого, дизайнерского, без диктора мультипликационного ролика — кинетическая типографика, анимация счётчика статистики, попадание графика, логотипный стинг, нижний титр, анимированная карта, твит или веб-страница — обычно короче 10 секунд и не длиннее примерно 30 секунд, рендерится в MP4 или в виде прозрачного оверлея.
Он ориентирован на использование ресурсов и повторное применение: первое ветвление — нужен ли поиск. Категории на основе форм работают с контентом, предоставленным пользователем, при пустом asset_needs, категории на основе поиска анимируют по типу возвращённого контента, а Builder собирает блоки каталога до ручного доработки пробелов. Workflow автономен и допускает не более одного уточняющего вопроса, но рендеринг остаётся под контролем пользователя после lint, check и proof-снапшотов.
Что он выдаёт
- Черновой, а затем финальный shot-plan.json, содержащий envelope, выбранную категорию или намерение поиска, asset_needs и блок, layout, motion и positions.
- compositions/index.html, соответствующий контракту HF, с приостановленной GSAP-таймлайн на window.__timelines, классами clip и стабильными id, а также детерминированным tl.seek(0).
- Контактный лист или лист снапшотов в snapshots/ для проверки времён proof.
- renders/video.mp4, или прозрачный оверлей при рендеринге в формате webm или mov.
Как это работает
- 01Инициализация проекта
Шаг 0 создаёт PROJECT_DIR = videos/<project-name>/ и запускает hyperframes init с пустым примером и этим skill, полностью пропуская его, если hyperframes.json уже существует.
- 02Планирование и решение о поиске
Первое ветвление — нужен ли поиск: «нет» означает форм-категорию с asset_needs: [], «да» означает передачу поисковых запросов в asset_needs[].
- 03Получение ресурсов при необходимости
Шаг 2 разрешает ресурсы через media-use в замороженные локальные для проекта пути плюс реестр, и пропускается сразу к дизайну, если asset_needs пуст.
- 04Дизайн на основе того, что есть
Второй проход Director выбирает блоки каталога и правила hyperframes-animation и продумывает решения вокруг разрешённых ресурсов, затем финализирует shot plan.
- 05Компоновка с приоритетом повторного использования
Builder добавляет блоки каталога с помощью npx hyperframes add и настраивает их на месте, вручную дописывая только пробелы и affordance для asset-fusion, чтобы получить compositions/index.html.
- 06Снятие proof-снапшотов
Выберите моменты proof, показывающие начальное состояние, фирменное движение и финальный кадр, затем изучите сгенерированный контактный лист или лист снапшотов.