rossark-motion-skill
Donnez vie a tout dessin avec un mouvement calme et credible.
- Quoi
- Donnez vie a tout dessin avec un mouvement calme et credible.
- Coût
- Gratuit
- Prérequis
- Prerequis : un projet utilisant React Native (react-native-svg plus Reanimated), SwiftUI ou le web, car les modeles ciblent ces plateformes. Etape 1 : recupere le fichier SKILL.md a la racine du depot https://github.com/rossark0/rossark-motion-skill 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 une methode de mouvement et des modeles, et n'execute aucune commande tiree de ce fichier que tu n'as pas comprise. Etape 3 : installe le skill dans un dossier nomme rossark-motion-skill et conserve le SKILL.md recupere a cet endroit. Etape 4 : verifie l'installation en confirmant que le dossier rossark-motion-skill contient le SKILL.md et en lui demandant de lister ses principes de mouvement pour un dessin de ton choix. Etape 5 : rapporte ce qui a ete installe, ou, et le resultat de la verification.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
rossark-motion-skill est une methode pour rendre vivantes les choses dessinees sans les rendre agitees, issue de l'onboarding et des illustrations de paywall d'une app en production dont le brief etait "ca doit sembler VIVANT" et "AUCUNE TELEPORTATION dans l'animation". Ses principes : ne jamais teleporter, tout interpoler; calme par defaut avec un mouvement temporise et des courbes fortes, sans rebond sauf si le projet veut explicitement une marque rebondissante; petites amplitudes, a diviser par deux en cas de doute; arcs et pivots, chaque partie mobile dessinee comme sa propre couche tournant autour de son pivot; chevauchement et suivi, avec des delais de phase croissant le long d'une chaine; variete sans chaos grace a des phases, vitesses et tailles initialisees, jamais de Math.random par image ni tout en synchronisation; une action principale par scene plus deux ou trois boucles d'attente; opacite seulement pour apparaitre ou disparaitre; la mise en page ne bouge jamais, le mouvement se passe dans le dessin; mouvement reduit veut dire immobile, avec les boucles figees a l'image 0 et les scenes uniques montrant leur image finale; rien ne tourne sans etre vu, avec des horloges en pause hors ecran, cachees ou en arriere-plan; et chaque mouvement recoit assez d'images. Le moteur possede un petit coeur de mouvement par plateforme : des modeles pour React Native (react-native-svg plus Reanimated) et SwiftUI (TimelineView plus Canvas), avec des horloges en boucle, des horloges uniques, des pistes d'images cles, des chaines de jeu fluides, et des aides de mise en forme pour vagues, boucles, cloches, fenetres et variete initialisee. Les recettes par sujet donnent des chiffres de depart pour personnages, queues, plantes, tissus, feu, fumee, eau, pluie, nuages, lumieres, machines, telephones, vehicules, gigotements, flottaison, icones, graphiques et scenes. Les personnages recoivent un visage vivant (pupilles glissantes, clignements toutes les 3 a 4 secondes, respiration, inclinaisons de tete) et des regles de jeu corporel complet (poses fluides sans arret, tenues mobiles, canaux en couches, suivi par delai et non par ressorts, membres plies, rotations 2.5D, transferts de poids, atterrissages qui s'ecrasent en gardant le volume, pieds pendants en l'air, ombres qui bougent avec la hauteur, accessoires entrant hors ecran deja en mouvement). Le mouvement d'interface suit des regles de frequence : plus les gens voient quelque chose souvent, moins cela doit bouger. Limites telles qu'ecrites : les regles du projet l'emportent sur tout ce qui suit, donc lire d'abord le MOTION.md, le CLAUDE.md et la memoire d'animation sauvegardee du projet; une demo, un depot ou un produit publie exige des personnages et des illustrations originaux, car les mascottes de marque et les illustrations sont des marques et des oeuvres protegees. Credit : cree par rossark0. Licence : le fichier vette n'indique aucune licence, donc elle est notee non indiquée. Source : https://github.com/rossark0/rossark-motion-skill, fichier SKILL.md a la racine.
Version :
Réponse rapide
rossark-motion-skill donne vie a tout ce qui est dessine avec un mouvement calme et credible. Il couvre personnages et creatures, jeu corporel complet, plantes, tissus, feu, fumee, eau, meteo, lumieres, machines, vehicules, icones, logos, graphiques et scenes entieres, avec un petit moteur de mouvement et des modeles pour React Native et SwiftUI.
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans MusePrerequis : un projet utilisant React Native (react-native-svg plus Reanimated), SwiftUI ou le web, car les modeles ciblent ces plateformes. Etape 1 : recupere le fichier SKILL.md a la racine du depot https://github.com/rossark0/rossark-motion-skill 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 une methode de mouvement et des modeles, et n'execute aucune commande tiree de ce fichier que tu n'as pas comprise. Etape 3 : installe le skill dans un dossier nomme rossark-motion-skill et conserve le SKILL.md recupere a cet endroit. Etape 4 : verifie l'installation en confirmant que le dossier rossark-motion-skill contient le SKILL.md et en lui demandant de lister ses principes de mouvement pour un dessin de ton choix. Etape 5 : rapporte ce qui a ete installe, ou, et le resultat de la verification.
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.