HyperFrames: render video from HTML (entry point) - **name_fr:** HyperFrames : générer de la vidéo depuis du HTML (point d'entrée) - **tl_en:** Mandatory entry point for any HyperFrames video build: intent interview, deliverable routing, workflow install, render via seekable HTML compositions - **tl_fr:** Point d'entrée obligatoire pour toute création vidéo HyperFrames : interview d'intention, routage du livrable, installation du workflow, rendu via compositions HTML navigables - **creator:** @heygen-com - **type:** Agent skill - **url:** https://github.com/heygen-com/hyperframes - **cat:** Video - **kws:** video generation, html video, motion graphics, remotion alternative, promos, explainers, slideshows, keyframes, animation runtime - **license:** Apache-2.0 **Description EN:** Curated by Skill Harbor — the mandatory entry-point skill for @heygen-com's HyperFrames, a framework that renders video from HTML compositions (DOM declares timing with `data-*` attributes, seekable animation runtime): resume project state, run the intent interview to write `BRIEF.md`, route the deliverable once (slideshow, embedded captions, talking-head recut, music-to-video, motion graphics, PR-to-video, product launch, faceless explainer, or general video), then install and run the owning workflow via `npx hyperframes`. Honest caveats: the skill routes once and never re-opens — the brief is the single routing artifact; fresh projects pin `hyperframes@<version>` and upgrades need an explicit check; renders can be compute-heavy; listed here with 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 — le skill point d'entrée obligatoire de HyperFrames de @heygen-com, un framework qui génère de la vidéo depuis des compositions HTML (le DOM déclare le timing avec des attributs `data-*`, runtime d'animation navigable) : reprendre l'état du projet, mener l'interview d'intention pour écrire `BRIEF.md`, router le livrable une fois (slideshow, sous-titres intégrés, recut talking-head, music-to-video, motion graphics, PR-to-video, lancement produit, explainer sans visage, ou vidéo générale), puis installer et exécuter le workflow propriétaire via `npx hyperframes`. Bémols honnêtes : le skill route une fois et ne se rouvre jamais — le brief est le seul artefact de routage ; les projets frais épinglent `hyperframes@<version>` et les montées de version exigent une vérification explicite ; les rendus peuvent être gourmands en calcul ; référencé ici avec crédit à son 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: Node/npx; the hyperframes CLI (installed via npx hyperframes); a machine capable of rendering video Install "hyperframes" for me. Fetch the SKILL.md from the source repository into a temporary folder, review it for anything suspicious, then install it as a skill into the agent's skills directory in a folder named "hyperframes". Repository: https://github.com/heygen-com/hyperframes/blob/main/skills/hyperframes/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 its references 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". 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. npx hyperframes skills update <workflow-name> for the video workflow I need). 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 : Node/npx ; la CLI hyperframes (installée via npx hyperframes) ; une machine capable de rendre de la vidéo Installe-moi « hyperframes ». Récupère le SKILL.md depuis le dépôt source dans un dossier temporaire, examine-le pour tout contenu suspect, puis installe-le comme skill dans le répertoire des skills de l'agent, dans un dossier nommé « hyperframes ». Dépôt : https://github.com/heygen-com/hyperframes/blob/main/skills/hyperframes/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide) depuis le chemin du dépôt dans un dossier temporaire et résume ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examine le SKILL.md et ses références 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 sur tout drapeau rouge et préviens-moi. 3. Installe-le comme skill : copie SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « hyperframes ». 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 (ex. npx hyperframes skills update <workflow-name> pour le workflow vidéo dont j'ai besoin). 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 s'il figure 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. ``` --- ---

Point d'entrée obligatoire pour toute création vidéo HyperFrames : interview d'intention, routage du livrable, installation du workflow, rendu via compositions HTML navigables - **creator:** @heygen-com - **type:** Agent skill - **url:** https://github.com/heygen-com/hyperframes - **cat:** Video - **kws:** video generation, html video, motion graphics, remotion alternative, promos, explainers, slideshows, keyframes, animation runtime - **license:** Apache-2.0 **Description EN:** Curated by Skill Harbor — the mandatory entry-point skill for @heygen-com's HyperFrames, a framework that renders video from HTML compositions (DOM declares timing with `data-*` attributes, seekable animation runtime): resume project state, run the intent interview to write `BRIEF.md`, route the deliverable once (slideshow, embedded captions, talking-head recut, music-to-video, motion graphics, PR-to-video, product launch, faceless explainer, or general video), then install and run the owning workflow via `npx hyperframes`. Honest caveats: the skill routes once and never re-opens — the brief is the single routing artifact; fresh projects pin `hyperframes@<version>` and upgrades need an explicit check; renders can be compute-heavy; listed here with 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 — le skill point d'entrée obligatoire de HyperFrames de @heygen-com, un framework qui génère de la vidéo depuis des compositions HTML (le DOM déclare le timing avec des attributs `data-*`, runtime d'animation navigable) : reprendre l'état du projet, mener l'interview d'intention pour écrire `BRIEF.md`, router le livrable une fois (slideshow, sous-titres intégrés, recut talking-head, music-to-video, motion graphics, PR-to-video, lancement produit, explainer sans visage, ou vidéo générale), puis installer et exécuter le workflow propriétaire via `npx hyperframes`. Bémols honnêtes : le skill route une fois et ne se rouvre jamais — le brief est le seul artefact de routage ; les projets frais épinglent `hyperframes@<version>` et les montées de version exigent une vérification explicite ; les rendus peuvent être gourmands en calcul ; référencé ici avec crédit à son 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: Node/npx; the hyperframes CLI (installed via npx hyperframes); a machine capable of rendering video Install "hyperframes" for me. Fetch the SKILL.md from the source repository into a temporary folder, review it for anything suspicious, then install it as a skill into the agent's skills directory in a folder named "hyperframes". Repository: https://github.com/heygen-com/hyperframes/blob/main/skills/hyperframes/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 its references 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". 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. npx hyperframes skills update <workflow-name> for the video workflow I need). 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 : Node/npx ; la CLI hyperframes (installée via npx hyperframes) ; une machine capable de rendre de la vidéo Installe-moi « hyperframes ». Récupère le SKILL.md depuis le dépôt source dans un dossier temporaire, examine-le pour tout contenu suspect, puis installe-le comme skill dans le répertoire des skills de l'agent, dans un dossier nommé « hyperframes ». Dépôt : https://github.com/heygen-com/hyperframes/blob/main/skills/hyperframes/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide) depuis le chemin du dépôt dans un dossier temporaire et résume ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examine le SKILL.md et ses références 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 sur tout drapeau rouge et préviens-moi. 3. Installe-le comme skill : copie SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « hyperframes ». 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 (ex. npx hyperframes skills update <workflow-name> pour le workflow vidéo dont j'ai besoin). 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 s'il figure 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 :