HE
contribute-catalog
Создаёт и публикует новые блоки и компоненты для реестра HyperFrames через PR в репозиторий. Используйте, когда нужно внести вклад в публичный каталог, а не для работы с уже существующими элементами.
Что делает навык
Skill помогает пользователю создать и опубликовать новый блок или компонент для реестра HyperFrames через pull request. Он ведет пользователя от идеи до готового PR, обеспечивая соблюдение технических стандартов и валидацию кода.
Когда применять
- Необходимо добавить новый визуальный эффект или шаблон в публичный каталог HyperFrames.
- Требуется создать переиспользуемый компонент (snippet) без фиксированных размеров.
- Нужно разработать полноценный блок (composition) с заданными размерами и длительностью.
- Необходимо подготовить код к публикации, пройдя все этапы валидации и форматирования.
Как работает
- Уточнить тип элемента (Block или Component), описание, визуальную ссылку и целевую аудиторию.
- Создать структуру каталога с правильным именем, префиксом ID и файлом registry-item.json.
- Написать HTML-шаблон с учетом правил для подписей, VFX (Three.js) или общих требований (GSAP, префиксы ID).
- Запустить валидацию через hyperframes lint и hyperframes validate, исправляя ошибки.
- Сгенерировать превью видео (preview.mp4) и снимки для визуальной проверки качества.
- Создать ветку, отформатировать код, обновить registry.json, сгенерировать страницы каталога и открыть PR.
Примеры запросов агенту
Создай новый блок для каталога HyperFrames с эффектом печатной машинки.
Мне нужно добавить компонент CSS-эффекта в реестр HyperFrames.
Помоги мне опубликовать новый блок Lower Third в публичный каталог через PR.
Что понадобится
- Установленный CLI hyperframes
- Аккаунт GitHub и авторизованный gh CLI
- Node.js окружение для запуска скриптов и линтеров
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «contribute-catalog» из репозитория:
# https://github.com/heygen-com/hyperframes
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r contribute-catalog/ ~/.claude/skills/contribute-catalog/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.