Whiteboard Animation Skill for Muse
Une main qui dessine votre explication, trait par trait, en sync avec la narration.
- Quoi
- Une main qui dessine votre explication, trait par trait, en sync avec la narration.
- Coût
- Gratuit
- Prérequis
- un navigateur web pour ouvrir le fichier HTML autonome ; optionnel : npx + Playwright pour le harnais de vérification inclus (seek-shot/captures) ; Remotion seulement si vous voulez un export MP4 narré au lieu du HTML.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Des animations style VideoScribe où « une main dessine votre explication » : la mécanique centrale anime le stroke-dashoffset des SVG pour que les traits se dessinent eux-mêmes pendant qu'une main au marqueur suit la pointe exacte du dessin image par image via getPointAtLength — écriture manuscrite lettre par lettre dans l'ordre de lecture, révélations multi-traits décalées, transitions d'effacement entre sections, et rythme de dessin calé sur la voix off (~2,3 mots/sec), un élément à la fois, jamais deux en même temps. Il couvre la conversion des visuels en traits ouverts à un seul stroke dans l'ordre de dessin, la colorisation après le contour, le calibrage de la pointe de la main, et un repli prefers-reduced-motion qui affiche le tableau fini. Le livrable est un seul fichier HTML autonome (une timeline maîtresse, un harnais ?t=N pour figer n'importe quel instant), vérifié avec des scripts inclus qui capturent en headless des frames en plein trait pour prouver que la pointe de la main est pile sur le dessin. Découvert via skills.sh. Note honnête : la sortie est une scène HTML animée, pas un MP4 rendu — une vidéo narrée complète demande une composition Remotion (documentée comme chemin d'évolution) ; les visuels doivent être des traits ouverts à un seul stroke, donc les illustrations pleines doivent être retracées en art au trait. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié.
Sélectionné par Skill Harbor — skill gratuit et open-source (MIT) par @iart-ai.
Version :
Installation
Prérequis : un navigateur web pour ouvrir le fichier HTML autonome ; optionnel : npx + Playwright pour le harnais de vérification inclus (seek-shot/captures) ; Remotion seulement si vous voulez un export MP4 narré au lieu du HTML. Installe-moi "Skill Animation tableau blanc pour Muse". Des animations style VideoScribe — dessin SVG trait par trait avec une main qui suit la pointe, révélations décalées, transitions d'effacement, rythme calé sur la narration — livrées dans un seul fichier HTML autonome. Dépôt : https://github.com/iart-ai/explainer-video-skills/blob/main/skills/whiteboard-animation/SKILL.md 1. Récupérez le fichier SKILL.md et ses fichiers d'aide (scripts/scripts de vérification, references/recettes) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez 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 passent uniquement par le coffre sécurisé. Vérifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « whiteboard-animation ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. fournir le script/texte de voix off et les visuels à tracer). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.