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
-
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), letask.jsonou la fiche de tâche de l'œuvre elle-même. S'il y a unSTOP.txtou un enregistrement de pause explicite, ne faites que ce qui est permis. -
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'environnementFY_STYLE_LIBRARY_ROOT> champrootdansadapters/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'abordpython 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'abordpython scripts/doctor.py: il vous indiquera directement si la bibliothèque est localisée, si l'index est obsolète et ce qui manque. -
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.mdplus récent, les décisions explicites les plus récentes prévalent. -
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)
| Étape | Action | Charger |
|---|---|---|
| 1 | Lire 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, progression | Sémantique, Structure narrative |
| 2 | Segmenter 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 |
| 3 | D'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 existante | Style |
| 4 | Utiliser le script pour rechercher et lire intégralement le texte du style choisi, enregistrer son SHA et les dépendances manquantes | Interface de la bibliothèque |
| 5 | Re-lire les exigences globales de l'auteur, résoudre les conflits entre style, police, personnage, durée, son et phase | Décisions |
| 6 | Concevoir 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 sonores | Réalisation et détails, Tableau de storyboard, et le routage des compétences ci-dessous |
| 7 | Une fois le grand cadre établi, écrire quatre versions de musique substantiellement différentes et une table d'effets sonores | Module musical, Recette musique et son, Modèle quatre propositions |
| 8 | Uniquement 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 choisit | Adaptateur musical local |
| 9 | Avec la musique réelle et l'éventuelle voix off ponctuée, utiliser Remotion etc. pour réaliser les plans, actions, sous-titres, effets sonores | Contrat d'implémentation, Intégration Remotion, Squelette Remotion |
| 10 | Vérifier et corriger, enregistrer séparément les vérifications machine, l'écoute visuelle réelle et les adoptions par l'auteur | Qualité 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 signal | Module | Recettes approfondies | Implémentations réutilisables |
|---|---|---|---|
| Causalité, retournements, concepts abstraits, peur de faire un enchaînement de slides phrase par phrase | Sémantique | Structure narrative, Réalisation et détails | — |
| Choix de style, numéro, liste de l'auteur, changement de style entre chapitres | Style | Interface de la bibliothèque | scripts/style_library.py |
| Mots emphatiques, mots-clés, titres, sous-titres, césure des caractères chinois, uniformité des polices | Typographie | Mots emphatiques et typographie cinétique, Glyphes et traits | implementations/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-plan | Géométrie d'arrière-plan | Arrière-plans vivants, Formations et mosaïques | implementations/backgrounds/, implementations/specimen/ |
| Mouvement sans poids, rythme uniforme, ressorts incontrôlés, décalage de pics | Mouvement | Tableaux de valeurs de ressort et décalage, Références d'effets, Recettes UI 16 | implementations/motion-core.mjs |
| Travelling, zoom, focus, parallaxe, orbites, retournements, suivi, profondeur de champ | Caméra et transitions | Mouvements de caméra | implementations/camera/ |
| Comment enchaîner les segments : relais du même objet, masques, pages qui tournent, réorganisation par particules, traversée, cut sec | Caméra et transitions | Généalogie des transitions, Raccords et seek | implementations/transitions/ |
| Petit personnage transverse, expressions et regards, marche, port d'objets, cohérence du personnage à travers les styles | Branches stylistiques | Performance du personnage, Marionnettes en papier et stop motion | implementations/character/ |
| Pixel art, cartoon, dessin à la main, gravure, plan technique, 3D | Branches stylistiques | Recettes spécialisées | implementations/craft/, implementations/specimen/ |
| Photos, images produit, présentation rapide d'images, collage, carrousel | Images | Images et montage rapide | implementations/data-ui/ (PhotoMontage, KenBurns) |
| Opérations produit, graphiques, compteurs, cartes, démonstration de code | Produit et données | Graphiques, cartes, UI, Recettes UI 16 | implementations/data-ui/ |
| Quatre versions musicales, hits, effets sonores, voix off qui s'efface, mixage | Musique | Musique et effets sonores | implementations/audio-sync/beat-grid.mjs, Adaptateur local |
| Mise en œuvre avec Remotion, Canvas, HTML/GSAP, base temporelle, chargement de polices | Contrat d'implémentation | Intégration Remotion, Raccords et seek | implementations/remotion-kit/, implementations/canvas-contract.mjs |
| Changement de modèle, passage de relais, correction d'un plan | Contrat de passage | Spécification de la fiche de tâche | templates/task.json, scripts/validate_task.py, templates/repair.md |
| Auto-révision, recherche de problèmes, corrections | Qualité | 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. Lisdeepseek-animation/SKILL.mddans 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
namedans 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'appeldeepseek-animation/SKILL.mdest une illustration, modifiable en même temps. - Changer les valeurs par défaut : écrivez vos préférences dans
DECISIONS.mddu projet, ou modifiez directementmodules/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éfinissezFY_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>puispython scripts/doctor.pypour 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.