Code-Only Motion Design Pipeline , launch films and promos in pure HTML/JS
Un pipeline motion design 100 % code éprouvé au combat (sans After Effects) : brief vers beat map vers stills vers moteur HTML seek(t), rendu image par image via Playwright, encodage ffmpeg, musique/SFX Mixkit, et boucle d'autocritique sévère
- Quoi
- Un pipeline motion design 100 % code éprouvé au combat (sans After Effects) : brief vers beat map vers stills vers moteur HTML seek(t), rendu image par image via Playwright, encodage ffmpeg, musique/SFX Mixkit, et boucle d'autocritique sévère
- Coût
- Gratuit
- Prérequis
- Playwright avec Chromium, ffmpeg, Python 3 (tous gratuits) ; sources de stock gratuites selon les besoins (Mixkit, Pexels, Unsplash).
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor : un pipeline motion design 100 % code pour films de lancement, showreels et promos, sans After Effects : brief, beat map synchronisée sur le drop musical, stills d'abord, puis moteur HTML déterministe seek(t) rendu image par image via Playwright, encodage ffmpeg, musique et SFX Mixkit placés sur des frames exactes, et boucle d'autocritique qui score chaque film jusqu'à 8+ partout. Bémols honnêtes : c'est le pipeline personnel du créateur, éprouvé au combat sur ses propres films : chemins, assets de marque et certains défauts supposent son setup, donc prévoir un travail d'adaptation pour se l'approprier ; nécessite Playwright, ffmpeg et Python, tous gratuits. Remplace Blender/After Effects par du code reproductible et Higgsfield/Suno par du stock gratuit. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via GitHub.
Version :
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans MuseCréation de la communauté. Skill Harbor ne vérifie pas le code — examinez la source avant de l'installer.
Prérequis : Playwright avec Chromium, ffmpeg, Python 3 (tous gratuits) ; sources de stock gratuites selon les besoins (Mixkit, Pexels, Unsplash). Installe-moi « Pipeline motion design 100 % code , films de lancement en HTML/JS pur ». Il donne à mon agent le pipeline motion éprouvé au combat de @howseen-ai : brief vers beat map vers stills vers moteur HTML déterministe seek(t), rendu image par image via Playwright, encodage ffmpeg, musique/SFX Mixkit sur des frames exactes, guides de sourcing d'assets, tous les pièges rencontrés jusqu'ici, et boucle d'autocritique. Note : construit autour du setup du créateur , prévoir d'adapter chemins et assets de marque. Dépôt : https://github.com/howseen-ai/claude-motion-design/blob/main/skill/motion-design/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur, identifiants uniquement via le coffre sécurisé, hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « motion-design ». 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. installer Playwright/Chromium et ffmpeg, adapter les chemins de workdir et les assets de marque à mon propre setup). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger 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.
Enregistré dans vos installs récentes. Retrouvez-le à tout moment sur /connect.
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.