Communitygithub.com

kinyias/hyperframes-templates

Créez ou modifiez une composition HyperFrames personnalisée lorsqu'aucun workflow spécialisé ne convient, ou lorsque BRIEF.md définit flow: companion. Idéal pour les pièces longues ou multi-scènes, les bandes promotionnelles et de marque, les montages, les boucles statiques, les cartes-titres fixes, les remix de séquences et les constructions libres.

Qu'est-ce que hyperframes-templates ?

Cette compétence permet aux utilisateurs de l'écosystème HyperFrames de créer ou modifier des compositions vidéo générales lorsqu'aucun workflow spécialisé n'est adapté. Elle sert de solution de repli polyvalente pour les productions multi-scènes, les bandes de marque, les montages, et autres créations libres. Le skill orchestre un processus en plusieurs étapes : d'abord, il applique des adaptateurs de source transversaux (média, Figma), puis il initialise le projet à partir de l'état existant (BRIEF.md, hyperframes.json, ou création vierge). Ensuite, il interprète la configuration d'exécution (flux automatisé ou accompagné, mode storyboard). Il charge les connaissances requises avant chaque étape (composition, création, animation) et exécute la composition selon un ordre de dépendance strict (plan, storyboard, construction, etc.). Une caractéristique clé est le mode 'compagnon' (flow: companion) où l'IA agit en tant que directeur créatif, proposant un traitement optimal (plafond) que l'utilisateur peut ensuite réduire, plutôt que de construire pièce par pièce. Le skill intègre des vérifications de cohérence, une recherche de blocs et composants dans un catalogue central, et des références à d'autres compétences HyperFrames (hyperframes-core, hyperframes-creative, media-use). Il prend en charge les workflows automatisés et assistés, avec des points de contrôle pour la validation, la prévisualisation finale et l'approbation du rendu. Le skill s'appuie sur un ensemble de règles, de références (brief-contract.md, capability-menu.md) et de blueprints d'animation pour garantir des résultats professionnels et reproductibles.

Compatible avec~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/kinyias/hyperframes-templates/tree/HEAD/.agents/skills/general-video

Demander à votre IA préférée

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

Documentation

Installations de plugins : Avant les commandes de configuration ou de mise à jour, suivez les règles d'exécution des plugins lorsque cette compétence se trouve à l'intérieur d'un plugin HyperFrames. Les installations autonomes conservent les instructions de mise à jour ci-dessous.

Vidéo générale

Exécutez npx hyperframes usage --json au début, sauf si le workflow vient de le lire, puis vérifiez à nouveau à des jalons tels qu'après l'ébauche et avant le rendu. Lisez les fenêtres disponibles et les heures de réinitialisation. Si l'utilisation est inconnue, indiquez-le sans deviner la limite ; conservez la portée et les choix de workflow avec l'utilisateur.

Avant de vous fier à ce workflow, exécutez :

npx hyperframes skills update general-video

Un no-op réussi signifie que la compétence est à jour. Signalez un échec de mise à jour au lieu de continuer de mémoire.

1. Appliquer les adaptateurs de source transversaux

  • Média : Pour tout besoin audio, image, icône, logo, voix, étalonnage, LUT, traitement/effet, légende ou opération média, chargez /media-use et suivez ../media-use/references/resolve.md (résoudre, adopter, réutiliser) et ../media-use/references/setup-providers.md (fournisseurs, authentification). Les retours vagues sur les séquences et les styles nommés utilisent ../media-use/references/media-treatments.md avant l'édition ; n'improvisez pas d'effets médias pris en charge avec CSS/SVG/opacité. Avant la première action authentifiée du fournisseur, exécutez npx hyperframes auth status et relayez sa sortie textuellement. Si déconnecté, appliquez la barrière dans ../hyperframes/references/brief-contract.md : le mode collaboratif attend la connexion ou un choix explicite hors ligne ; le mode autonome indique l'état et continue via un fournisseur hors ligne disponible. Signalez un blocage lorsqu'aucun fournisseur hors ligne ne peut satisfaire une capacité requise. L'adoption locale seule ne nécessite pas de barrière d'authentification.
  • Figma : Si une entrée est une URL figma.com, exécutez /figma d'abord. Construisez à partir de ses actifs exportés, jetons, composants ou trames de storyboard. N'utilisez pas d'appels bruts au connecteur Figma car ils ignorent l'assainissement SVG, la provenance des médias et la liaison des jetons de marque.

Ces adaptateurs ne modifient pas le workflow sélectionné par /hyperframes.

2. Démarrer à partir de l'état du projet

Appliquez la première ligne correspondante ; n'évaluez pas les lignes d'état inférieures :

ÉtatAction
Édition spécifiqueEffectuez la modification, préservez les décisions de projet existantes, puis relancez les vérifications affectées. Ne rouvrez pas la découverte.
BRIEF.md existeLisez-le. Si workflow nomme un autre workflow et flow n'est pas companion, déléguez. Ne posez aucune question sur le brief.
Pas de brief, mais hyperframes.json ou STORYBOARD.md existeReprenez à partir des fichiers et des préférences enregistrées. Remplissez BRIEF.md uniquement à partir de faits connus.
Création viergeExécutez /hyperframes et sa couche d'intention. Revenez ici uniquement pour workflow: general-video ou flow: companion.

Pour un nouveau projet, choisissez un nom de répertoire en kebab-case à partir du brief et échafaudez avant d'écrire le brief :

npx hyperframes init "videos/<projet>" --non-interactive --example=blank --skill=general-video

Ensuite, écrivez BRIEF.md à la racine du projet en utilisant ../hyperframes/references/brief-format.md. Dans un projet existant, la racine est le répertoire contenant hyperframes.json. Enregistrez uniquement les champs confirmés par préférence nommés par le format du brief, en utilisant node <MEDIA_DIR>/scripts/prefs.mjs record --hyperframes <PROJECT_ROOT> ; n'enregistrez jamais les valeurs par défaut inférées. Ici <MEDIA_DIR> est le répertoire de la compétence /media-use installée et <PROJECT_ROOT> est le répertoire contenant hyperframes.json. Si la couche d'intention a adopté une recette, appliquez-la maintenant avec node <MEDIA_DIR>/scripts/recipe.mjs use --hyperframes <PROJECT_ROOT> --name <nom> et ne demandez pas à nouveau.

3. Interpréter la forme d'exécution

Utilisez uniquement les termes canoniques de ../hyperframes/references/brief-contract.md :

ChampSignificationEffet
flowQui piloteautomation : choisissez et exécutez la route. companion : co-créez en conversation.
storyboardPlanifiez, esquissez et révisez avant la constructionyes : exécutez la révision du plan et de l'esquisse (storyboard.html). no : construisez sans.
mode dérivéComment les points de contrôle se comportentSuivez le contrat de brief. Ne demandez jamais à l'utilisateur de nommer un mode.

N'inventez pas de synonymes pour ces états. Un signal continu « construis-le » est géré par la couche d'intention et arrive sous forme de flow: automation, storyboard: no.

  • Pour flow: automation, choisissez la route et indiquez-la en une ligne dans la première mise à jour de progression.
  • Pour une édition spécifique, effectuez la modification sans inventer une nouvelle route.

Pour une coupe franche, un rognage, une jonction ou un réordonnancement de séquences existantes, dupliquez la même source vidéo en plusieurs éléments de clip. Sur chaque copie, définissez la plage source avec data-media-start plus data-duration, puis définissez le placement/l'ordre créé avec data-start. Chaque segment vidéo conserve son son : le son reste sur le clip (data-has-audio="true"), donc couper la vidéo coupe son son. /hyperframes-core possède cette modification temporelle ; utilisez /hyperframes-keyframes uniquement pour l'animation de propriétés visuelles telles que le zoom, le punch, le panoramique, le recadrage, le masque ou clip-path sur un wrapper interne. Copiez les contrats complets de ../hyperframes-core/references/creator-editing-recipes.md.

Flux compagnon

Lorsque flow: companion :

  • Lisez BRIEF.md et rapprochez les ## Actifs et ## Personnalisations acceptés avec les artefacts du projet. Terminez le travail accepté qui est encore en attente ; laissez le travail terminé tranquille ; ne proposez pas à nouveau une capacité acceptée comme si elle était nouvelle.
  • Arrivez en tant que réalisateur, pas en tant qu'entrepreneur. Un utilisateur qui a choisi le mode compagnon a choisi l'implication et la qualité ; la réponse honnête est la meilleure version que vous puissiez concevoir, pas la plus petite que vous puissiez défendre. Le premier plan est le traitement plafond : l'arc narratif (empruntez la lentille de genre la plus proche — menu § Lentilles de genre), le cahier des charges de conception, le traitement de mouvement de chaque scène cité par son nom (§ 5 la discipline du plan), les transitions, l'identité audio — les marques musicales et sonores, ou le silence délibéré — le matériel de l'utilisateur placé, et une ouverture et une fermeture conçues. Dites ce que chaque couche ajoute en une ligne ; signalez les couches coûteuses (temps de rendu, connexion, facturation) lorsque vous les nommez. L'utilisateur réduit un traitement ; il ne devrait jamais avoir à en assembler un approbation par approbation.
  • Le plafond appartient au concept, pas à la boîte à outils. Chaque couche doit servir le message du brief — un traitement qui habillerait n'importe quelle vidéo de la même manière est une décoration. Le savoir-faire s'élève jusqu'au plafond ; le contenu ne dépasse jamais ce qui a été demandé (§ 6).
  • Entre les points de contrôle, ../hyperframes/references/capability-menu.md fonctionne dans les deux sens. En tant que liste de déclencheurs : proposez une capacité pertinente lorsque l'utilisateur mentionne son entrée ou que la construction atteint son besoin. En tant que canal de mise à niveau de chaque passage : un point de contrôle de plan, d'esquisse ou de construction peut comporter une ou deux offres tracées pointées vers le matériel que l'utilisateur regarde (« la statistique de la scène 3 veut le traitement de compteur »). Lisez-le avant d'offrir ; ne déversez jamais le catalogue complet.
  • Après que l'utilisateur a accepté une capacité, produisez son artefact et enregistrez la décision dans la section de corps BRIEF.md correspondante immédiatement. Réécrivez un champ de frontmatter et enregistrez la préférence confirmée uniquement lorsque l'utilisateur la modifie explicitement.
  • Conservez les mêmes points de contrôle de storyboard, de validation, de prévisualisation finale et d'approbation du rendu. Le mode compagnon change qui dirige, pas ce que la qualité exige.

4. Charger les connaissances requises avant chaque étape

Ces lectures sont obligatoires lorsque leur condition correspond :

ConditionLire avant d'agir
Tout HTML de composition ou disposition de scène/hyperframes-core ; utilisez references/determinism-rules.md pour son contrat de disposition
Toute création non triviale ou traitement visuel/hyperframes-creative → references/house-style.md et references/video-composition.md
Tout mouvement, animation ou transition de scène/hyperframes-animation ; suivez son routage vers les règles, adaptateurs, blueprints ou références de transition correspondants
storyboard: yes../hyperframes/references/storyboard-format.md et ../hyperframes/references/review-loop.md
Tout actif ou opération média, y compris narration, BGM, SFX, légendes, étalonnage ou transformations/media-use (les propres outils de musique et d'effets sonores d'une application hôte viennent en premier pour ceux-ci) ; pour la lecture et le placement du framework, lisez également /hyperframes-core → references/variables-and-media.md
Assemblage multi-scène../hyperframes/references/production-loop.md
flow: companion, avant le premier plan/hyperframes-creative → references/story-spine.md et references/house-style.md ; la lentille de genre la plus proche et l'intégralité de ../hyperframes/references/capability-menu.md — le traitement plafond est conçu à partir de ceux-ci, pas rappelé
Une offre de capacité compagnon, une capture, une grille de rythme, une vidéo générative, une carte, une publication ou une capacité inter-workflow../hyperframes/references/capability-menu.md
Un cahier des charges existe, avant l'approbation finale/hyperframes-creative → references/design-adherence.md

Ne remplacez pas ces lectures par le souvenir de mémoire. La divulgation progressive économise le contexte uniquement lorsque la référence correspondante est réellement chargée.

5. Exécuter la composition

Utilisez cet ordre de dépendance. Sautez une étape uniquement lorsque son entrée est absente.

  1. Plan. Indiquez l'arc du spectateur, la structure, le rythme et le moteur de durée. Utilisez un fichier pour une courte scène unique ; utilisez des sous-compositions pour trois coupes franches de scène ou plus ou toute scène réutilisée. Lisez /hyperframes-creative → references/story-spine.md pour les arcs narratifs, references/beat-direction.md pour le rythme, et /hyperframes-core → references/composition-patterns.md pour la structure. Pour un brief multi-scène ouvert, développez l'invite via /hyperframes-creative → references/prompt-expansion.md. Un plan multi-scène cite la forme de chaque scène : un identifiant de blueprint de /hyperframes-animation → blueprints-index.md lorsqu'un correspond, ou les règles nommées qu'il compose à partir de rules-index.md lorsqu'aucun ne correspond — les noms de mouvement proviennent de ces index, jamais inventés. La vérité de l'histoire décide quelles scènes existent ; la citation les habille. Cherchez dans le catalogue en direct avant de prévoir de construire vous-même un look nommé : pour chaque look, effet, traitement ou transition que le brief nomme — « lignes de balayage CRT », « glitch », « grain de film », « balayage chatoyant », « explosion de confettis » — exécutez npx hyperframes catalog --query "<le look, en anglais simple>" --json et lisez les premiers résultats avant que le plan ne nomme comment ce look est construit. La recherche n'a besoin de rien d'installé : aucun projet, aucun add préalable, aucun compte. Elle classe l'intégralité du registre hébergé (~400 blocs et composants) depuis n'importe quel répertoire, elle s'applique donc également à un look que l'utilisateur demande en cours de construction. Les blocs que le plan nomme sont installés à l'étape 3 ; créez un look manuellement uniquement après qu'une recherche pour celui-ci n'a rien donné qui convienne. Un plan multi-scène est également enregistré comme artefact de répartition : un bloc ## Trame N par scène dans STORYBOARD.md — status: outline, une src: déclarée, la citation du blueprint/règles,

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Skills associés