hyperframes-cli
Générer des compositions HTML en vidéo avec HyperFrames CLI
Transformez des compositions vidéo basées sur HTML en sortie MP4 ou WebM sans rendu manuel. Automatisez l'échafaudage, le linting, l'inspection visuelle et la livraison finale pour les créateurs de contenu et les équipes de développement.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "hyperframes-cli". npx hyperframes doctor
Résultat attendu:
Vérification de l'environnement...
✓ Chrome: installé
✓ FFmpeg: installé
✓ Node: v22.10.0
✓ Mémoire: 8 Go disponible
L'environnement est prêt pour le rendu.
Utilisation de "hyperframes-cli". npx hyperframes lint ./my-project
Résultat attendu:
Analyse de la composition...
✓ index.html: valide
✗ compositions/intro.html: data-composition-id manquant
⚠ compositions/outro.html: pistes superposées à 2.5s
1 erreur, 1 avertissement détectés.
Audit de sécurité
SûrAll 69 static findings are false positives. The external_command detections are markdown code examples showing CLI usage, not executable code. Network detections are localhost URLs for local development preview, which is expected. No cryptographic code or malicious patterns exist in this skill.
Score de qualité
Ce que vous pouvez construire
Automatiser la génération vidéo dans les pipelines CI/CD
Utilisez hyperframes render avec le flag --non-interactive pour générer des vidéos dans le cadre de workflows automatisés sans intervention manuelle.
Créer du contenu vidéo marketing à partir de modèles
Échafaudez un projet avec un modèle comme product-promo, personnalisez la composition HTML, puis générez en MP4 final pour les réseaux sociaux ou la publicité.
Déboguer et corriger les problèmes de disposition visuelle dans les compositions vidéo
Exécutez hyperframes lint pour détecter les erreurs structurelles, puis hyperframes inspect pour identifier les dépassements de texte et le rognage avant le rendu final.
Essayez ces prompts
Exécutez `npx hyperframes init my-project --non-interactive` pour créer un nouveau projet vidéo HyperFrames dans le répertoire actuel.
Exécutez `npx hyperframes lint` suivi de `npx hyperframes inspect --json` pour vérifier les erreurs et les problèmes de disposition visuelle dans la composition actuelle.
Exécutez `npx hyperframes render --output final.mp4 --quality high --fps 30` pour générer la composition actuelle en fichier MP4 haute qualité.
Exécutez `npx hyperframes preview --port 3002` pour démarrer le serveur d'aperçu et ouvrir le studio HyperFrames pour les tests interactifs.
Bonnes pratiques
- Exécutez les commandes lint et inspect avant l'aperçu pour détecter les problèmes structurels et visuels dès le début
- Utilisez le flag --docker pour des rendus reproductibles et byte-identiques sur différents environnements
- Utilisez la qualité brouillon pendant l'itération et basculez vers haute qualité uniquement pour la livraison finale
Éviter
- Ne sautez pas les étapes lint et inspect avant le rendu - les erreurs structurelles peuvent causer des échecs silencieux
- N'utilisez pas 60fps sauf si spécifiquement nécessaire - cela double le temps de rendu avec un bénéfice visuel minimal
- Ne rendez pas directement vers la sortie finale pendant le développement - utilisez la qualité brouillon pour gagner du temps