HyperFrames создаёт видео из HTML-композиций: DOM задаёт тайминг через data-*-атрибуты, а framework управляет воспроизведением медиа. Навык определяет нужный workflow для создания или редактирования видео и помогает продолжить работу с существующим проектом.

Возможности

• Выбирает workflow по типу результата: например, для презентации, субтитров, видео по музыке или проморолика сайта.
• Для новой задачи проводит сбор требований и записывает результат в BRIEF.md.
• Для существующего проекта определяет следующий шаг по его файлам и может выполнить конкретную операцию — например, проверку или рендер.
• Подключает профильные навыки для анимации, медиа, аудио, Figma и CLI.
• Перед первым рендером в проекте с закреплённой версией CLI проверяет обновления и валидирует проект после обновления.

Когда использовать

• Создаёте или редактируете видео, анимацию, титры, оверлеи или слайд-шоу в HyperFrames.
• Нужно проверить, диагностировать, просмотреть, опубликовать или пакетно отрендерить существующий проект.
• Переносите проект из Remotion в HyperFrames.
• Хотите определить подходящий workflow по URL сайта, PR на GitHub, Figma, текстовому описанию, видео или музыке.

Установка

npx hyperframes skills update <workflow-name>

Примеры

Посмотреть таймлайн проекта:

npx hyperframes timeline [--json]

Проверить закреплённую версию CLI перед первым рендером:

npx hyperframes@latest upgrade --project . --check