reanimate
Clonez une animation de reference image par image, puis prouvez qu'elle correspond.
- Quoi
- Clonez une animation de reference image par image, puis prouvez qu'elle correspond.
- Coût
- Gratuit
- Prérequis
- Prerequis : Bun est requis, et le premier lancement telecharge Chromium Playwright et un ffmpeg statique, environ 250 Mo au total, donc prevois ce telechargement et l'espace disque. Etape 1 : recupere le fichier skills/reanimate/SKILL.md depuis le depot https://github.com/NiazMorshed2007/reanimate et lis-le en entier avant d'installer quoi que ce soit. Etape 2 : controle de securite : lis toi-meme le fichier recupere, confirme qu'il decrit seulement un flux de clonage d'animation, et n'execute aucune commande tiree de ce fichier que tu n'as pas comprise. Etape 3 : installe le skill dans un dossier nomme reanimate et conserve le SKILL.md recupere a cet endroit. Etape 4 : verifie l'installation en confirmant que le dossier reanimate contient le SKILL.md et en lui demandant d'expliquer le script d'installation et les niveaux de fidelite. Etape 5 : rapporte ce qui a ete installe, ou, et le resultat de la verification, en precisant si le telechargement Bun et 250 Mo s'est termine.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
reanimate reconstruit ce que l'utilisateur designe pour que cela bouge comme la reference bouge, et le prouve par une comparaison image par image, jamais avec un "ca ressemble a peu pres". Le livrable est du code dans le projet de l'utilisateur plus des preuves (chiffres et planches cote a cote). D'abord, choisir un niveau de fidelite et le declarer : motion-faithful par defaut (declencheur, sequence et ordre, decalage, minutage de chaque etape a 80 ms pres, famille d'easing, direction et distance par rapport a la taille de l'element, proportions de mise en page, en gardant les textes, couleurs, polices, images et details de marque de l'utilisateur), pixel-faithful quand l'utilisateur demande une correspondance exacte (plus polices, tailles, couleurs, espacements, rayons, ombres et ressources, avec un ecart moyen d'images de 2 pour cent ou moins), ou mixte quand l'utilisateur ajoute son propre contenu par-dessus. Le flux de travail vit dans .reanimate/<nom>/ dans le projet de l'utilisateur : cadrage (cible, destination, fidelite), installation, capture de la reference, specification de mouvement avec une ligne par element et par propriete, construction dans la pile de l'utilisateur, puis verification, correction et repetition, en capturant le clone avec exactement la meme commande que pour la reference. Il couvre le mouvement CSS et JS ainsi que canvas, WebGL, WebGPU et les scenes three.js et 3D. Boucler jusqu'a ce que chaque ligne de specification passe, en prevoyant 2 a 5 tours; si apres 5 tours une ligne echoue encore, s'arreter et la signaler avec ses chiffres et sa raison, sans jamais abaisser discretement le seuil ni abandonner la ligne. Limites telles qu'ecrites : quand une reference est une page derriere une connexion ou un lien YouTube ou Loom impossible a telecharger ici, le skill demande a l'utilisateur un enregistrement d'ecran et continue tout le reste entre-temps. Credit : cree par NiazMorshed2007. Licence : le fichier vette n'indique aucune licence, donc elle est notee non indiquée. Source : https://github.com/NiazMorshed2007/reanimate, fichier skills/reanimate/SKILL.md.
Version :
Réponse rapide
reanimate clone une section, un widget, une page ou une animation d'apres toute reference, comme une URL de site en direct, un enregistrement d'ecran, un fichier video, un gif, un fichier Lottie ou un export de prototype, image par image dans le code de l'utilisateur, puis le verifie.
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans MusePrerequis : Bun est requis, et le premier lancement telecharge Chromium Playwright et un ffmpeg statique, environ 250 Mo au total, donc prevois ce telechargement et l'espace disque. Etape 1 : recupere le fichier skills/reanimate/SKILL.md depuis le depot https://github.com/NiazMorshed2007/reanimate et lis-le en entier avant d'installer quoi que ce soit. Etape 2 : controle de securite : lis toi-meme le fichier recupere, confirme qu'il decrit seulement un flux de clonage d'animation, et n'execute aucune commande tiree de ce fichier que tu n'as pas comprise. Etape 3 : installe le skill dans un dossier nomme reanimate et conserve le SKILL.md recupere a cet endroit. Etape 4 : verifie l'installation en confirmant que le dossier reanimate contient le SKILL.md et en lui demandant d'expliquer le script d'installation et les niveaux de fidelite. Etape 5 : rapporte ce qui a ete installe, ou, et le resultat de la verification, en precisant si le telechargement Bun et 250 Mo s'est termine.
Enregistré dans vos installs récentes. Retrouvez-le à tout moment sur /connect.
🔒 Sécurité, provenance et ce que ça touche
Le prompt d'installation ci-dessous inclut déjà les étapes de vérification : votre agent suit la checklist communautaire avant d'installer tout ce qui contient du code exécutable. Vous en voulez plus ?
Questions
Comment installer un skill ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe le skill 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 un skill avant de l’installer.