Communitygithub.com

SvenKunkka/grokbot-hyperframes-skills

Utilisez cette compétence pour créer des vidéos promotionnelles, des cartes titrées et des animations de sous-titres. Elle repose sur HyperFrames pour écrire des vidéos en HTML et les rendre en MP4.

Qu'est-ce que grokbot-hyperframes-skills ?

Cette compétence est destinée aux créateurs de contenu vidéo et aux développeurs souhaitant produire rapidement des vidéos courtes, des titres animés ou des sous-titres dynamiques. Elle s'appuie sur l'outil HyperFrames, qui permet de décrire une vidéo entièrement en HTML/CSS/JavaScript et de la convertir en fichier MP4. Le flux de travail consiste à initialiser un projet avec `npx hyperframes init`, à rédiger un storyboard détaillé (durée, texte, médias), à écrire le code HTML de composition, à valider avec `npx hyperframes lint`, puis à lancer le rendu. La compétence livre à la fois le MP4 final et le répertoire du projet source. Elle est idéale pour les chaînes d'IA, les tutoriels, les démos produit ou tout besoin de vidéo générée par code.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add SvenKunkka/grokbot-hyperframes-skills

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Procédure

  1. Exécutez scripts/setup.sh pour vérifier l'environnement.
  2. Lancez npx hyperframes init <nom-du-projet> pour créer le projet ; installez les composants du registre officiel si nécessaire.
  3. Rédigez d'abord le storyboard (durée de chaque plan, texte, médias), puis écrivez le code HTML de composition.
  4. Validez avec npx hyperframes lint, prévisualisez, puis lancez le rendu.
  5. Livrez le fichier MP4 et le répertoire du projet source.

Skills associés