faceless-explainerpar HeyGen

Faceless Explainer Skill.

Un skill Claude Code et Codex pour le motion et la vidéo : transforme du texte, des notes ou un article en vidéo explicative sans personnage avec des visuels de scène inventés.

Mouvement et vidéo
Video

Télécharger OpenDesign Voir le guide d'utilisation

heygen-com/hyperframes · skills/faceless-explainer/SKILL.mdSKILL.md

--- name: faceless-explainer description: Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes. --- ## Step 0: Setup ## Step 1: Brief (no capture) ## Step 2: Design System ## Step 3: Storyboard and Script ## Step 3.1: Audio ## Step 4: Frame Visual Design

En-tête et titres de section lus depuis le fichier amont le 14 septembre 2026 · 29 476 caractères au total

01 Ce qu'il fait

Ce que fait le skill faceless-explainer dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

Transforme un texte quelconque — un article, des notes, un sujet, un brief — en une vidéo explicative sans visage, avec des visuels de scène inventés (typographie, graphiques abstraits, diagrammes, data-viz). Fonctionne selon sept étapes orchestrées : configuration avec confirmation du brief, package de capture synthétique (sans site web), sélection du système de design à partir de préréglages de cadres fournis avec remix optionnel des tokens de marque, storyboard et script utilisant le design narratif pour reformuler l'entrée, génération audio avec TTS et BGM, design visuel ajoutant des séquences de plans horodatées avec des éléments inventés, construction parallèle des cadres via des sous-agents, et rendu final.

Points de contrôle validés par l'utilisateur aux étapes 0, 3 et 6 en mode collaboratif. Sans visage signifie qu'il n'y a ni étape de capture ni inventaire réel des ressources — chaque visuel est inventé en aval par les workers.

Ce qu'il produit

STORYBOARD.md avec plan pédagogique image par image, séquences de plans horodatées, et champ/focal et rôles inventés
compositions/frames/NN-*.html — une composition HTML par image, construite par des sous-agents
renders/video.mp4 — la vidéo finale rendue en paysage 1920x1080, portrait 1080x1920, ou carré 1080x1080

Voir l'exemple de prompt ↗

Fonctionnement

01
Confirmer le brief et initialiser le projet
BRIEF.md existe et déterminse le mode — lisez-le et ne posez aucune question. S'il est absent et que le projet est nouveau, exécutez la couche d'intention pour verrouiller le brief.
02
Créer le pack de capture synthétique
Enregistrer l'intégralité de la saisie de l'utilisateur telle quelle sous capture/extracted/visible-text.txt (la source d'information).
03
Choisir un préréglage de frame et construire frame.md
Choisissez un préréglage livré dans hyperframes-creative/frame-presets/ adapté au sujet et au ton.
04
Rédiger le storyboard avec conception narrative
Transformez le texte en plan pédagogique image par image selon la structure de story-design.md.
05
Générer l'audio et ajouter la conception visuelle
Exécutez audio.mjs en arrière-plan pour la synthèse vocale, le calage des mots et la musique de fond depuis la bibliothèque HeyGen.
06
Construire les frames et assembler l'index
Synchronisez les durées, construisez les paquets par frame, répartissez un sous-agent par frame en parallèle. Chaque worker écrit compositions/frames/NN-*.html. Construisez les sous-titres en arrière-plan.

02 Trouvez celui qui vous convient

Quand utiliser le skill faceless-explainer

Utilisez le skill faceless-explainer dans Claude Code ou Codex lorsque le travail est de ce type de motion et vidéo. L'ajustement et les limites ci-dessous sont tirés du fichier propre au skill.

Bon choix

Explications de sujets, décompositions de concepts, tutoriels et listes
Explication d'un sujet à partir d'un texte, sans produit ni site web à capturer
Quand tout le visuel doit être inventé : typographie, graphismes abstraits, diagrammes ou visualisation de données

Connaître les limites

Vidéo construite à partir d'un site web pour la promotion ou la présentation d'un produit
Quand une étape de capture ou un inventaire d'assets réels est nécessaire
Demande simple « faire une vidéo » ou toute incertitude — doit d'abord passer par la couche d'intention

Quoi fournir

Source de texte arbitraireUn article, des notes, un sujet ou un brief — la saisie complète enregistrée telle quelle sous capture/extracted/visible-text.txt.
Script utilisateur facultatifSi l'utilisateur a collé un script ou souhaite conserver sa formulation, enregistrez-le tel quel sous user_script.txt. VO_MODE (verbatim ou restructuré) provient de BRIEF.md.
Couleurs ou polices de marque facultativesLaissez les couleurs et polices de tokens.json vides, sauf si l'utilisateur a explicitement fourni des couleurs ou polices de marque.
Préférence de voix optionnelleSi la demande mentionne une voix, un genre ou un ton, choisissez un id de voix correspondant et passez --voice <id>.
Image réelle optionnelleSi l'utilisateur a fourni une image réelle, placez-la sous public/<basename> et notez-le pour l'étape 3.

03 Dans le skill

Règles que le skill faceless-explainer donne à Claude Code et Codex

7 instructions concrètes, valeurs par défaut et limites que le SKILL.md fixe pour l'agent — la partie du fichier qui change le résultat.

Règle d'ouverture pour la gestion du brief
Si BRIEF.md existe, lisez-le et ne posez aucune question — le brief est arrêté.
Aucune étape de capture pour les vidéos faceless
N'exécutez pas npx hyperframes capture — il n'y a pas d'URL. Ne créez pas asset-descriptions.md et ne remplissez pas capture/assets/. Les visuels faceless sont inventés aux étapes 4-5, pas capturés.
Exécutez les étapes dans l'ordre avec des points de contrôle
Parcourez l'étape 0 configuration, l'étape 1 brief, l'étape 2 système de design, l'étape 3 storyboard, l'étape 3.1 audio, l'étape 4 design visuel, l'étape 5 frames, l'étape 6 finalisation.
Laissez asset_candidates vide par défaut
Les frames ne portent pas d'inventaire d'assets dans les vidéos faceless. Laissez asset_candidates vide, sauf si l'utilisateur a fourni une image réelle sous public/<basename>.
Cherchez dans le catalogue avant d'inventer des styles
Pour chaque style, effet ou transition nommé mentionné dans le brief, exécutez npx hyperframes catalog --query en anglais simple avant de l'écrire dans STORYBOARD.md.
Arrière-plans plein cadre sur la couche clip
Le fond d'une frame (aplat de couleur, dégradé, grille) est son propre clip d'arrière-plan pleine durée avec class="clip".
La synchronisation de la durée est mécanique
La durée réelle de la voix prime ; les frames silencieuses conservent les estimations. Exécutez audio.mjs sync-durations une fois l'étape 3.1 terminée. Ne modifiez jamais manuellement les durées synchronisées.

04 Mettez-le en pratique

Installer faceless-explainer dans Claude Code ou Codex

Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

Ajouter faceless-explainer à Claude Code, Codex ou votre agent

Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

Terminal

npx skills add https://github.com/heygen-com/hyperframes --skill faceless-explainer

Forme générique de la CLI skills pour skills/faceless-explainer/SKILL.md ; le dépôt peut documenter son propre chemin.

Donner au skill une première tâche de motion et vidéo

Rédigé dans les termes propres du skill ; remplacez les parties entre crochets par votre contenu.

Starter prompt

Turn this article about compound interest into a 60-second explainer video for young adults. Use clean modern graphics with invented diagrams showing how money grows over time. Keep the tone approachable and use a female voice for narration. Format: [landscape/portrait/square]. Destination: [Instagram/YouTube/LinkedIn].

Source : rédigé à partir du SKILL.md, dans les termes propres du skill.

Vérifiez le premier résultat

Ce que le SKILL.md lui-même présente comme un résultat correct :

Exécutez npx hyperframes lint pour valider la structure
Exécutez npx hyperframes check pour détecter les débordements de texte et les problèmes de mise en page
Exécutez npx hyperframes snapshot aux points médians des frames pour créer une planche-contact, jetez-y un œil pour repérer les ruptures évidentes
Ignorez les débordements text_box_overflow de 1 à 4px sur les mots de sous-titres (#caption-word-*, .caption-line) — faux positif attendu dû à un interligne serré
N'agissez sur text_box_overflow que lorsqu'il nomme un élément de frame (#el-NN-*), pas un mot de sous-titre
Exécutez transitions.mjs inject et verify avant le rendu final pour vérifier le timing des transitions

Dans OpenDesign, importez faceless-explainer depuis son lien SKILL.md : Plugins → Add → Skill → Import from link, puis sélectionnez-le dans la barre supérieure.

Télécharger OpenDesign Lire le démarrage rapide

05 Open source, traçable

Source, licence et vérification

D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Branche main
Fichier du skill: skills/faceless-explainer/SKILL.md Somme de contrôle du contenu enregistrée lors de la vérification ; commit 558c11b
License: Apache-2.0 Depuis LICENSE.
Étoiles du dépôt: 49 761 Instantané GitHub pris le 14/09/2026 pour l'ensemble du dépôt heygen-com/hyperframes, qui contient 9 skills dans ce catalogue. Il ne s'agit pas d'une note ou d'un compteur d'utilisation pour faceless-explainer.
Vérifié par OpenDesign: 2026-09-14 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Non intégré dans OpenDesign main (vérifié le 2026-08-28) ; aucune exécution en conditions réelles n'a été enregistrée sur cette page.

Dans le SKILL.md

Étape 0 : ConfigurationConfirmer le brief, initialiser le projet, écrire BRIEF.md, enregistrer les préférences, afficher le statut de connexion
Étape 1 : Brief (sans capture)Enregistrer l'entrée sous forme de visible-text.txt, créer un fichier tokens.json synthétique, aucune capture de site ni d'assets
Étape 2 : Système de designChoisir un préréglage de cadre fourni, exécuter build-frame.mjs pour remixer les tokens de marque sur le préréglage
Étape 3 : Storyboard et scriptRédiger un plan pédagogique image par image avec design narratif, présenter comme proposition, itérer jusqu'à approbation
Étape 3.1 : AudioGénérer la narration avec TTS, le minutage des mots, la musique de fond depuis la bibliothèque HeyGen, les métadonnées audio
Étape 4 : Design visuel des cadresAjouter des séquences de plans horodatées, des rôles/points focaux inventés, la mise en page et le mouvement intégrés par scène
Étape 5 : Construction des cadresSynchroniser les durées, construire les paquets, répartir les sous-agents par cadre, assembler l'index, générer les sous-titres
Étape 6 : FinalisationInjecter les transitions, exécuter lint/check/snapshot, mettre en pause pour révision, rendre le MP4 final
Référence rapideFormats, différences faceless par rapport au workflow avec assets capturés, scripts d'arrière-plan, tableau de référence

Description du skill lui-même

Transformez n'importe quel texte — un article, des notes, un sujet, un brief — en vidéo explicative sans présence humaine : il n'y a pas de site ni de séquences à capturer, les visuels sont inventés scène par scène (typographie, graphismes abstraits, diagrammes, data-viz). À utiliser pour les explications de concepts, les synthèses thématiques, les tutoriels, les listes. Pas une vidéo construite à partir d'un site web (/product-launch-video — promo ou visite guidée). En cas de doute → /hyperframes.

Description de l'en-tête du fichier SKILL.md. Le fichier complet fait environ 29 476 caractères. Lire le fichier complet sur GitHub.

06 Avant d'installer

Questions sur le skill faceless-explainer

Les réponses proviennent du SKILL.md tel que lu le 2026-09-14, et non d'une exécution enregistrée.

Cela fonctionne-t-il en modes collaboratif et autonome ?

Oui. En mode collaboratif, des points de validation utilisateur interviennent aux étapes 0, 3 et 6, avec une revue des esquisses à l'étape 4. En mode autonome, le même résumé est publié à titre informatif et les esquisses sont intégrées à la construction, avec une seule question de prévisualisation conservée à l'étape 6.

Que se passe-t-il si je n'ai pas de compte HeyGen pour la voix ou la musique ?

L'étape 0 affiche le statut de connexion avant de continuer. En cas de déconnexion, l'audio bascule automatiquement vers des moteurs locaux (Kokoro pour le TTS). Vous pouvez choisir le mode collaboratif pour attendre la connexion, ou le mode autonome pour continuer avec les moteurs locaux disponibles.

Quels formats vidéo la sortie prend-elle en charge ?

Paysage 1920x1080, portrait 1080x1920 ou carré 1080x1080. Le format est déduit de la destination dans BRIEF.md et défini une seule fois dans le frontmatter du storyboard.

Vidéo explicative sans personnage

Exécutez faceless-explainer sur une tâche réelle de motion et vidéo.

Téléchargez OpenDesign, importez faceless-explainer à partir de son lien SKILL.md, collez le prompt ci-dessus et lisez le plan avant le résultat.

Télécharger OpenDesign Parcourir tous les skills