AIKraft/Skills/contribute-catalog

contribute-catalog

Создаёт и публикует новые блоки и компоненты для реестра HyperFrames через PR в репозиторий. Используйте, когда нужно внести вклад в публичный каталог, а не для работы с уже существующими элементами.

HEHeyGen official Разработка ★ 56.7k

Что делает навык

Skill помогает пользователю создать и опубликовать новый блок или компонент для реестра HyperFrames через pull request. Он ведет пользователя от идеи до готового PR, обеспечивая соблюдение технических стандартов и валидацию кода.

Когда применять

  • Необходимо добавить новый визуальный эффект или шаблон в публичный каталог HyperFrames.
  • Требуется создать переиспользуемый компонент (snippet) без фиксированных размеров.
  • Нужно разработать полноценный блок (composition) с заданными размерами и длительностью.
  • Необходимо подготовить код к публикации, пройдя все этапы валидации и форматирования.

Как работает

  1. Уточнить тип элемента (Block или Component), описание, визуальную ссылку и целевую аудиторию.
  2. Создать структуру каталога с правильным именем, префиксом ID и файлом registry-item.json.
  3. Написать HTML-шаблон с учетом правил для подписей, VFX (Three.js) или общих требований (GSAP, префиксы ID).
  4. Запустить валидацию через hyperframes lint и hyperframes validate, исправляя ошибки.
  5. Сгенерировать превью видео (preview.mp4) и снимки для визуальной проверки качества.
  6. Создать ветку, отформатировать код, обновить 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 и совместимые) подхватывает его по описанию и следует шагам.