HyperFrames keyframes — seek-safe motion design - **name_fr:** Keyframes HyperFrames — motion design sûr au seek - **tl_en:** Author verifiable 2D/3D keyframe motion for HyperFrames compositions — GSAP, CSS, Anime.js, WAAPI, paths, masks — with pose contracts and pixel proof - **tl_fr:** Créer des mouvements keyframes 2D/3D vérifiables pour les compositions HyperFrames — GSAP, CSS, Anime.js, WAAPI, chemins, masques — avec contrats de pose et preuve par pixels - **creator:** @heygen-com - **type:** Agent skill - **url:** https://github.com/heygen-com/hyperframes - **cat:** Video - **kws:** keyframes, animation, gsap, css animation, anime.js, waapi, video composition, motion design, hyperframes - **license:** Apache-2.0 **Description EN:** Curated by Skill Harbor — a motion-design skill by @heygen-com for the HyperFrames composition framework: it treats keyframes as a pose contract (visible states, continuous subject identity, seek-safe runtime, verified pixels) and maps creator requests to truthful mechanisms — punch-in/out, multi-state zooms, pan and Ken Burns moves, match cuts and whip pans, mask/crop reframes, split-screen handoffs, freeze holds. Includes hard runtime rules (synchronous builds, registered timelines, finite durations, no Date.now/timers/async randomness for render-critical motion), channel preferences (compositor channels like x/y/scale/opacity/clip-path over layout channels), mechanism-choice and timing guidance, SVG/canvas/3D notes, a CLI proof ladder (`hyperframes lint`, `check`, `keyframes`, `--shot`, snapshots), and an error-handling table. Honest caveats: it is one piece of the HyperFrames ecosystem — clip assembly belongs to `/hyperframes-core`, sound to `/hyperframes-audio`; the skill explicitly states what it does NOT do (face tracking, automatic semantic reframing, automatic matching-frame discovery). Credit to its creator. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh. **Description FR:** Sélectionné par Skill Harbor — un skill de motion design par @heygen-com pour le framework de composition HyperFrames : il traite les keyframes comme un contrat de pose (états visibles, identité continue du sujet, runtime sûr au seek, pixels vérifiés) et mappe les demandes de créateur vers des mécanismes honnêtes — punch-in/out, zooms multi-états, panoramiques et mouvements Ken Burns, match cuts et whip pans, recadrages par masque/crop, handoffs en écran partagé, freezes. Inclut des règles runtime strictes (constructions synchrones, timelines enregistrées, durées finies, pas de Date.now/timers/aléatoire non seedé pour le motion critique au rendu), des préférences de canaux (canaux compositeur x/y/scale/opacité/clip-path plutôt que canaux de layout), des guides de choix de mécanisme et de timing, des notes SVG/canvas/3D, une échelle de preuve CLI (`hyperframes lint`, `check`, `keyframes`, `--shot`, snapshots) et un tableau de gestion d'erreurs. Bémols honnêtes : c'est une pièce de l'écosystème HyperFrames — l'assemblage des clips appartient à `/hyperframes-core`, le son à `/hyperframes-audio` ; le skill déclare explicitement ce qu'il NE fait PAS (suivi de visage, recadrage sémantique automatique, découverte automatique de frames de match). Crédit au créateur. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh. **Install prompt EN:** ``` Prerequisites: a HyperFrames project with the hyperframes CLI (npx hyperframes); GSAP or the relevant animation library installed in your project if you author motion; no accounts or API keys needed. Install "HyperFrames keyframes — seek-safe motion design" for me. It teaches an agent to author verifiable 2D/3D keyframe motion for HyperFrames compositions — punch-in/out, zooms, Ken Burns moves, match cuts, mask reframes — with pose contracts, hard runtime rules (seek-safe, no timers/randomness for render-critical motion), and a CLI proof ladder (lint, check, keyframes, --shot, snapshots). Repository: https://github.com/heygen-com/hyperframes/blob/main/skills/hyperframes-keyframes/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "hyperframes-keyframes". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. save my API key in the vault). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet HyperFrames avec la CLI hyperframes (npx hyperframes) ; GSAP ou la bibliothèque d'animation concernée installée dans votre projet si vous créez du motion ; aucun compte ni clé API requis. Installe-moi « HyperFrames keyframes — seek-safe motion design ». Il apprend à un agent à créer des mouvements keyframes 2D/3D vérifiables pour les compositions HyperFrames — punch-in/out, zooms, mouvements Ken Burns, match cuts, recadrages par masque — avec contrats de pose, règles runtime strictes (sûr au seek, pas de timers/aléatoire pour le motion critique au rendu) et une échelle de preuve CLI (lint, check, keyframes, --shot, snapshots). Dépôt : https://github.com/heygen-com/hyperframes/blob/main/skills/hyperframes-keyframes/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers auxiliaires) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est le cas ici ; ARRÊTE-TOI sur le moindre drapeau rouge et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers auxiliaires dans le dossier des skills de l'agent, dans un dossier nommé « hyperframes-keyframes ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. enregistrer ma clé API dans le coffre). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne l'exige jamais sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` --- ---

Author verifiable 2D/3D keyframe motion for HyperFrames compositions — GSAP, CSS, Anime.js, WAAPI, paths, masks — with pose contracts and pixel proof - **tl_fr:** Créer des mouvements keyframes 2D/3D vérifiables pour les compositions HyperFrames — GSAP, CSS, Anime.js, WAAPI, chemins, masques — avec contrats de pose et preuve par pixels - **creator:** @heygen-com - **type:** Agent skill - **url:** https://github.com/heygen-com/hyperframes - **cat:** Video - **kws:** keyframes, animation, gsap, css animation, anime.js, waapi, video composition, motion design, hyperframes - **license:** Apache-2.0 **Description EN:** Curated by Skill Harbor — a motion-design skill by @heygen-com for the HyperFrames composition framework: it treats keyframes as a pose contract (visible states, continuous subject identity, seek-safe runtime, verified pixels) and maps creator requests to truthful mechanisms — punch-in/out, multi-state zooms, pan and Ken Burns moves, match cuts and whip pans, mask/crop reframes, split-screen handoffs, freeze holds. Includes hard runtime rules (synchronous builds, registered timelines, finite durations, no Date.now/timers/async randomness for render-critical motion), channel preferences (compositor channels like x/y/scale/opacity/clip-path over layout channels), mechanism-choice and timing guidance, SVG/canvas/3D notes, a CLI proof ladder (`hyperframes lint`, `check`, `keyframes`, `--shot`, snapshots), and an error-handling table. Honest caveats: it is one piece of the HyperFrames ecosystem — clip assembly belongs to `/hyperframes-core`, sound to `/hyperframes-audio`; the skill explicitly states what it does NOT do (face tracking, automatic semantic reframing, automatic matching-frame discovery). Credit to its creator. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh. **Description FR:** Sélectionné par Skill Harbor — un skill de motion design par @heygen-com pour le framework de composition HyperFrames : il traite les keyframes comme un contrat de pose (états visibles, identité continue du sujet, runtime sûr au seek, pixels vérifiés) et mappe les demandes de créateur vers des mécanismes honnêtes — punch-in/out, zooms multi-états, panoramiques et mouvements Ken Burns, match cuts et whip pans, recadrages par masque/crop, handoffs en écran partagé, freezes. Inclut des règles runtime strictes (constructions synchrones, timelines enregistrées, durées finies, pas de Date.now/timers/aléatoire non seedé pour le motion critique au rendu), des préférences de canaux (canaux compositeur x/y/scale/opacité/clip-path plutôt que canaux de layout), des guides de choix de mécanisme et de timing, des notes SVG/canvas/3D, une échelle de preuve CLI (`hyperframes lint`, `check`, `keyframes`, `--shot`, snapshots) et un tableau de gestion d'erreurs. Bémols honnêtes : c'est une pièce de l'écosystème HyperFrames — l'assemblage des clips appartient à `/hyperframes-core`, le son à `/hyperframes-audio` ; le skill déclare explicitement ce qu'il NE fait PAS (suivi de visage, recadrage sémantique automatique, découverte automatique de frames de match). Crédit au créateur. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh. **Install prompt EN:** ``` Prerequisites: a HyperFrames project with the hyperframes CLI (npx hyperframes); GSAP or the relevant animation library installed in your project if you author motion; no accounts or API keys needed. Install "HyperFrames keyframes — seek-safe motion design" for me. It teaches an agent to author verifiable 2D/3D keyframe motion for HyperFrames compositions — punch-in/out, zooms, Ken Burns moves, match cuts, mask reframes — with pose contracts, hard runtime rules (seek-safe, no timers/randomness for render-critical motion), and a CLI proof ladder (lint, check, keyframes, --shot, snapshots). Repository: https://github.com/heygen-com/hyperframes/blob/main/skills/hyperframes-keyframes/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "hyperframes-keyframes". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. save my API key in the vault). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet HyperFrames avec la CLI hyperframes (npx hyperframes) ; GSAP ou la bibliothèque d'animation concernée installée dans votre projet si vous créez du motion ; aucun compte ni clé API requis. Installe-moi « HyperFrames keyframes — seek-safe motion design ». Il apprend à un agent à créer des mouvements keyframes 2D/3D vérifiables pour les compositions HyperFrames — punch-in/out, zooms, mouvements Ken Burns, match cuts, recadrages par masque — avec contrats de pose, règles runtime strictes (sûr au seek, pas de timers/aléatoire pour le motion critique au rendu) et une échelle de preuve CLI (lint, check, keyframes, --shot, snapshots). Dépôt : https://github.com/heygen-com/hyperframes/blob/main/skills/hyperframes-keyframes/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers auxiliaires) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est le cas ici ; ARRÊTE-TOI sur le moindre drapeau rouge et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers auxiliaires dans le dossier des skills de l'agent, dans un dossier nommé « hyperframes-keyframes ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. enregistrer ma clé API dans le coffre). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne l'exige jamais sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` --- ---

Version: