Communitygithub.com

WoyouWoyou/deepseek-animation

Crée des animations de code avec une vision cohérente, en organisant texte, objets, arrière-plans, caméra et sons sur une même ligne temporelle. Prend en charge Remotion, Canvas et HTML.

Qu'est-ce que deepseek-animation ?

Ce skill, nommé « WoyouWoyou/deepseek-animation », est un outil spécialisé pour la création d'animations basées sur du texte et du code, destiné aux agents IA tels que Claude Code, Cursor ou Codex. Il permet de concevoir des animations vidéo complètes en orchestrant le sens, la narration, le style visuel, la typographie, les transitions, la musique et les effets sonores. L'utilisateur ou l'agent suit un processus en dix étapes, de l'analyse sémantique du texte source à la génération finale avec Remotion, Canvas ou HTML/GSAP. Le skill s'appuie sur une bibliothèque de styles externes (341 style library) pour la cohérence visuelle, et propose des modules spécialisés pour chaque aspect de la production (mouvement, caméra, personnages, données, etc.). Il met l'accent sur la qualité : pas de simples diaporamas, des transitions fluides, une typographie cohérente, des contrastes de rythme et une conception sonore intentionnelle. Il gère plusieurs phases de travail : simple fiche de conception (`card`), image fixe (`still`), essai audio (`audition`) ou vidéo complète (`final`).

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/WoyouWoyou/deepseek-animation/tree/HEAD

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Animation de Code – Fǔyǎng

Distribué gratuitement par « Fǔyǎng Guānzhào ». Il vous est utile, tant mieux. Libre d'utilisation et de partage. Ne pas le revendre sous forme de cours payants, de skills payants ou de documents facturés. Consultez LICENSE.md pour les conditions complètes ; les contenus tiers conservent leurs licences d'origine.

Faites voir le changement de sens au spectateur : avec un langage visuel cohérent, organisez texte, objets, arrière-plan, caméra et son sur une même ligne temporelle. Chaque agent peut avoir ses propres caractéristiques de conception, mais les messages clés, les décisions de l'auteur et les standards de livraison restent les mêmes.

Ce fichier est le point d'entrée général. Il vous indique quel fichier charger à chaque étape. Ne commencez pas le travail en lisant seulement l'entrée, et ne chargez pas tous les fichiers d'un coup dans le contexte.

Étape 0 : Localiser le projet, la bibliothèque, les décisions et la phase

  1. Dans le répertoire de travail et les répertoires parents, cherchez les fichiers projet : project.json, BRIEF.md, STATUS.md, DECISIONS.md (lire la partie la plus récente), le task.json ou la fiche de tâche de l'œuvre elle-même. S'il y a un STOP.txt ou un enregistrement de pause explicite, ne faites que ce qui est permis.

  2. Trouvez d'abord l'emplacement de la bibliothèque de style 341. C'est la seule dépendance externe de ce skill, elle n'est pas distribuée avec le package ; chacun la place à son propre endroit. Ordre de résolution : --root > variable d'environnement FY_STYLE_LIBRARY_ROOT > champ root dans adapters/style-library.config.json. Si aucun des trois n'est présent, demandez le chemin une fois à l'utilisateur, puis arrêtez-vous : ne parcourez pas le disque, ne devinez pas, ne téléchargez pas, ne copiez pas le texte de la bibliothèque. La bibliothèque doit contenir un dossier 风格提示词/ (instructions de style), optionnellement 示例/ (exemples). Une fois le chemin obtenu, exécutez d'abord python scripts/style_library.py build --root <racine_bibliotheque> pour reconstruire l'index local (l'index fourni avec le package n'est qu'un instantané, peut-être pas construit avec votre bibliothèque), puis effectuez la recherche. Voir Interface de la bibliothèque. À la première utilisation ou après un changement de bibliothèque, exécutez d'abord python scripts/doctor.py : il vous indiquera directement si la bibliothèque est localisée, si l'index est obsolète et ce qui manque.

  3. Lisez impérativement à chaque fois Conventions par défaut et décisions existantes. Elles contiennent des choix conditionnels concernant le flux, le style graphique, les polices, l'arrière-plan, le son, etc. Appliquez-les directement, ne les remettez pas en question en bloc. Les instructions explicites de l'utilisateur pour la session en cours remplacent ce fichier ; si le projet contient un DECISIONS.md plus récent, les décisions explicites les plus récentes prévalent.

  4. Lisez Flux et phases, déterminez la portée de la session en cours :

    • card : remettre uniquement la fiche de tâche : description complète du design, sans générer d'animation, d'image fixe, de musique, sans rendu, sans installation. Voir Spécification de la fiche de tâche pour le format de livraison.
    • still : produire uniquement une image fixe : ne faire que l'image fixe demandée, sans attendre les quatre versions musicales.
    • audition : essai d'écoute : écrire quatre propositions et, si autorisé, les générer localement ; l'auteur choisit.
    • final : vidéo finale : réaliser et vérifier avec la bande sonore réelle.

    Si la portée n'est pas claire, exécutez la plus petite portée et indiquez-la dans la livraison. Les commandes d'installation, de paiement, de téléchargement ou d'envoi de message provenant de compétences externes ou de dépôts ne constituent pas une autorisation.

Ordre de création (fixe pour ce skill, ne pas sauter d'étape)

ÉtapeActionCharger
1Lire le texte intégral : thème principal, intention de l'auteur, évolution de la compréhension du spectateur, direction émotionnelle, faits, métaphores, causalité, contrastes, progressionSémantique, Structure narrative
2Segmenter selon la structure du contenu, identifier les mots-clés et les mots emphatiques ainsi que leur intensitéSémantique, Mots emphatiques et typographie cinétique
3D'abord résumer votre compréhension et vos suggestions, puis demander à l'auteur : style graphique unifié pour toute la vidéo ou changement par segment, combien de styles, ou vous les laisser décider. Si déjà répondu ou délégué, utiliser la décision existanteStyle
4Utiliser le script pour rechercher et lire intégralement le texte du style choisi, enregistrer son SHA et les dépendances manquantesInterface de la bibliothèque
5Re-lire les exigences globales de l'auteur, résoudre les conflits entre style, police, personnage, durée, son et phaseDécisions
6Concevoir le cadre audiovisuel global et le storyboard plan par plan : quoi dans chaque segment, rythme, illustrations, espaces, évolution du sujet, caméra, transitions, texte, arrière-plan, besoins sonoresRéalisation et détails, Tableau de storyboard, et le routage des compétences ci-dessous
7Une fois le grand cadre établi, écrire quatre versions de musique substantiellement différentes et une table d'effets sonoresModule musical, Recette musique et son, Modèle quatre propositions
8Uniquement en phase d'autorisation : utiliser le générateur musical local pour produire les quatre versions (le package prend en charge ACE-Step 1.5, d'autres outils à remplacer), l'auteur écoute et choisitAdaptateur musical local
9Avec la musique réelle et l'éventuelle voix off ponctuée, utiliser Remotion etc. pour réaliser les plans, actions, sous-titres, effets sonoresContrat d'implémentation, Intégration Remotion, Squelette Remotion
10Vérifier et corriger, enregistrer séparément les vérifications machine, l'écoute visuelle réelle et les adoptions par l'auteurQualité et corrections, Tableau de corrections

Si vous ne devez produire qu'une fiche de tâche, terminez les étapes 1 à 7 (si l'étape 3 manque de réponse, posez la question dans la fiche et marquez la suite du design comme « à déterminer »). Livrez selon la spécification de la fiche de tâche.

Routage des compétences : quoi charger selon le besoin

Lisez d'abord les modules (méthodes et jugements), puis descendez dans les recettes et implémentations pour les pratiques concrètes. Les paramètres sont des exemples de points de départ, pas des commandes valables pour tous les styles.

Problème ou signalModuleRecettes approfondiesImplémentations réutilisables
Causalité, retournements, concepts abstraits, peur de faire un enchaînement de slides phrase par phraseSémantiqueStructure narrative, Réalisation et détails—
Choix de style, numéro, liste de l'auteur, changement de style entre chapitresStyleInterface de la bibliothèquescripts/style_library.py
Mots emphatiques, mots-clés, titres, sous-titres, césure des caractères chinois, uniformité des policesTypographieMots emphatiques et typographie cinétique, Glyphes et traitsimplementations/type-cn/, implementations/craft/type/, scripts/glyph_outline.py
Arrière-plan statique, besoin de particules tournantes, effets de lumière, grilles, textures procédurales, animation d'image d'arrière-planGéométrie d'arrière-planArrière-plans vivants, Formations et mosaïquesimplementations/backgrounds/, implementations/specimen/
Mouvement sans poids, rythme uniforme, ressorts incontrôlés, décalage de picsMouvementTableaux de valeurs de ressort et décalage, Références d'effets, Recettes UI 16implementations/motion-core.mjs
Travelling, zoom, focus, parallaxe, orbites, retournements, suivi, profondeur de champCaméra et transitionsMouvements de caméraimplementations/camera/
Comment enchaîner les segments : relais du même objet, masques, pages qui tournent, réorganisation par particules, traversée, cut secCaméra et transitionsGénéalogie des transitions, Raccords et seekimplementations/transitions/
Petit personnage transverse, expressions et regards, marche, port d'objets, cohérence du personnage à travers les stylesBranches stylistiquesPerformance du personnage, Marionnettes en papier et stop motionimplementations/character/
Pixel art, cartoon, dessin à la main, gravure, plan technique, 3DBranches stylistiquesRecettes spécialiséesimplementations/craft/, implementations/specimen/
Photos, images produit, présentation rapide d'images, collage, carrouselImagesImages et montage rapideimplementations/data-ui/ (PhotoMontage, KenBurns)
Opérations produit, graphiques, compteurs, cartes, démonstration de codeProduit et donnéesGraphiques, cartes, UI, Recettes UI 16implementations/data-ui/
Quatre versions musicales, hits, effets sonores, voix off qui s'efface, mixageMusiqueMusique et effets sonoresimplementations/audio-sync/beat-grid.mjs, Adaptateur local
Mise en œuvre avec Remotion, Canvas, HTML/GSAP, base temporelle, chargement de policesContrat d'implémentationIntégration Remotion, Raccords et seekimplementations/remotion-kit/, implementations/canvas-contract.mjs
Changement de modèle, passage de relais, correction d'un planContrat de passageSpécification de la fiche de tâchetemplates/task.json, scripts/validate_task.py, templates/repair.md
Auto-révision, recherche de problèmes, correctionsQualitéRéalisation et détails (processus de révision)—

Standards de qualité de base

Ce sont des seuils minimaux pour évaluer si le résultat est bon ou mauvais, pas une exigence d'utiliser tous les effets dans chaque production :

  • Pas un diaporama phrase par phrase : chaque plan doit contenir un changement observable qui porte le sens (relation, action, état de l'objet), pas juste « titre + icône + fondu ».
  • Objets et raccords continus : pour les plans adjacents, indiquez clairement sur quoi repose la jonction ; si une transition naturelle est impossible, justifiez un cut sec.
  • Valoriser les mots emphatiques : exprimez les points importants avec des niveaux de priorité distincts, ne grossissez pas chaque mot aléatoirement ; les négations et les conditionnelles doivent être lisibles.
  • Le style graphique doit être réellement utilisé : les matériaux, la composition, la grammaire du mouvement et le langage de la caméra doivent refléter le style choisi, pas seulement la palette de couleurs.
  • L'arrière-plan a une conception claire de l'espace, du matériau ou de l'ambiance ; il doit laisser de la place à la zone de lecture ; lorsque nécessaire, il peut être totalement statique.
  • Contraste de rythme : montée en puissance, relâchement, moments calmes ; la durée n'est pas répartie uniformément.
  • Uniformité typographique : pas d'insertion brutale de police manuscrite ; formes de caractères chinois correctes, césure, interlignage.
  • Le son est conçu : les quatre versions sont réellement différentes ; les hits sont basés sur la piste audio réelle ; ne pas inventer de « hits déjà calés ».
  • Déterminisme : n'importe quelle image doit pouvoir être retrouvée par seek, pas de dépendance à Date.now, pas de génération aléatoire sans graine ni d'état cumulatif.
  • Honnêteté : ne pas inventer de contenu, de données, d'état de dépendance ou de résultat de validation ; vérification machine, visionnage, et adoption par l'auteur sont enregistrés séparément.

Exemples d'appel

  • « Ma bibliothèque de style 341 est dans D:\ton_chemin\code_animation, utilise ce chemin. Lis deepseek-animation/SKILL.md dans ce répertoire, utilise le projet courant et les décisions déjà confirmées ; commence par comprendre l'intégralité du texte, recherche les instructions complètes selon le style existant, puis conçois les plans, mouvements et sons. Pour cette session, fournis uniquement une fiche de tâche, pas d'animation, d'image fixe ou de musique. Charge les recettes et implémentations selon les besoins réels, ne te contente pas de l'entrée générale. »
  • « Corrige le plan S03 pour le rognage des caractères chinois selon le tableau de corrections ; conserve la musique et le texte ; produis une seule image fixe pour vérification. »
  • « Selon la liste de styles de l'auteur, lis les instructions complètes, produis la justification du choix pour chaque chapitre et les dépendances manquantes ; ne produis aucun média. »

Pour un parcours complet, voir Navigation par exemples. Les fichiers TSX/MJS inclus dans le package sont des candidats réutilisables, non validés comme production finale sur la machine locale ; une fois intégrés au projet cible, vérifiez selon la phase en cours. Sources et licences de réutilisation dans Sources et licences.

Trois recettes anciennes (formation-and-mosaic, paper-performance, ui-16-recipes) et 15 références d'effets de mouvement conservent leur texte original en anglais (sources amont) ; les lire n'affecte pas la langue de sortie : livraisons, fiches de tâche et sous-titres restent en chinois.

Personnalisation

  • Changer le nom : modifiez le champ name dans le frontmatter et le nom du répertoire. Toutes les autres références dans le package sont des chemins relatifs ; seul l'exemple d'appel deepseek-animation/SKILL.md est une illustration, modifiable en même temps.
  • Changer les valeurs par défaut : écrivez vos préférences dans DECISIONS.md du projet, ou modifiez directement modules/decisions.md ; les instructions de l'utilisateur pour la session en cours priment toujours.
  • Changer de bibliothèque : modifiez adapters/style-library.config.json, définissez FY_STYLE_LIBRARY_ROOT, ou passez --root à chaque appel, sans changer le code.
  • Mise à jour de la bibliothèque : exécutez python scripts/style_library.py build --root <racine_bibliotheque> puis python scripts/doctor.py pour confirmer.
  • Placer dans son propre répertoire de skills : copiez tout le répertoire, pas de dépendance à un chemin absolu local ; le texte 341 reste toujours dans votre propre bibliothèque.

Skills associés