Qu’est-ce que line-art-animation ?
line-art-animation, ce sont deux choses dans un même dépôt. La skill (SKILL.md et six guides de référence) explique à Claude comment construire des dessins au trait animés dans le navigateur : copier la bibliothèque dans votre projet, montrer un personnage à valider, puis vérifier le mouvement image par image. La bibliothèque compte quatre modules TypeScript sans dépendance : ink.ts pour les primitives de trait de plume, gait.ts pour un solveur de marche et de course, motion.ts pour les ressorts, pendules et le vent, et daynight.ts pour une palette de couleurs selon l'heure.
Deux exemples sont fournis : un marcheur d'environ 150 lignes qui soulève son chapeau au clic, et une rue japonaise au bord d'un canal avec des habitants qui suivent un emploi du temps, un chat, des oiseaux, un batelier et une douzaine d'interactions. Un script de capture pilote Chrome sans interface image par image, et FFmpeg transforme les images en vidéo. D'autres scripts mesurent un clip de référence pour que vous puissiez en reprendre le rythme.
Le dépôt est sous licence MIT, demande Node 22.18 ou plus récent pour les exemples et a été publié en un seul commit le 10 novembre 2026.
line-art-animation vaut-il le coup ?
La plupart des skills d'animation donnent au modèle un guide de style et croisent les doigts. Celle-ci lui donne une réponse physique. Le solveur de marche calcule les jambes au lieu de les animer par images clés : le pied posé glisse vers l'arrière exactement à la vitesse d'avance, le pied en l'air suit une trajectoire à secousse minimale, le talon décolle avant la pointe, et la hauteur de la hanche découle de ce que les jambes peuvent atteindre, si bien que le corps monte à chaque pas. Manteaux et kimonos sont dessinés autour des genoux et s'ouvrent avec la foulée. C'est pourquoi les exemples ont l'air encrés et non interpolés.
La méthode de travail tient aussi la route. Claude doit montrer un personnage à valider avant de construire la scène et vérifier le mouvement image par image avant de livrer. La capture vidéo avance la scène d'exactement une image par capture d'écran, donc un rendu de 30 secondes en 1080p sort identique sur un portable lent ou rapide, et la documentation explique pourquoi les clips des réseaux sociaux doivent être rééchantillonnés dans le temps, la plupart ayant une fréquence d'images variable.
Le hic : il s'agit d'un unique commit du 10 novembre 2026, quatre jours avant cette critique, avec 727 étoiles et 118 forks et aucun historique pour juger de l'entretien. Il n'y a pas de paquet npm ; la skill copie lib/ dans votre projet, donc les correctifs en amont ne vous parviennent pas. Et elle ne fait qu'un style, l'encre sur papier avec un cycle jour et nuit. Pour du motion design, des promos produit ou tout ce qui n'est pas un personnage au trait, Motionmaxxing ou Bang Motion conviennent mieux.
Notre avis : un développeur front-end qui veut une illustration vivante sur une page d'accueil, un personnage qui marche ou un village au crépuscule, ira plus loin en un après-midi avec ceci qu'avec une bibliothèque d'animation généraliste. Considérez lib/ comme du code qui vous appartient désormais.
Là où il fait la différence
Un développeur front-end dans un petit studio de design
Placer dans l'en-tête d'un portfolio un personnage à l'encre qui marche et réagit aux clics
Clonez la skill dans ~/.claude/skills, demandez le personnage à Claude et validez la première pose. L'exemple du marcheur montre le principe en environ 150 lignes ; le coût est celui de votre offre Claude.
La développeuse web d'une boulangerie
Créer une scène d'aube en boucle avec un boulanger et un four pour la page d'accueil
Demandez la scène avec un cycle jour et nuit ; daynight.ts recolore l'encre et le papier selon l'heure et allume les fenêtres la nuit. Elle tourne en direct dans le navigateur en SVG et reste nette sur tout écran.
Un motion designer qui doit coller à la vidéo de référence d'un client
Recréer au trait un cycle de marche tiré d'un clip social et l'exporter en 1080p
Utilisez clip.ts pour mesurer la durée de la boucle et la position des pieds, faites ajuster la marche par Claude, capturez 900 images avec le script de capture et encodez avec FFmpeg.
Avant de vous engager
- Mise en route
- Faites un git clone du dépôt dans ~/.claude/skills/line-art-animation ou dans le dossier .claude/skills d'un projet ; npm install et npm run dev pour voir les exemples avec Node 22.18 ou plus récent.
- Intégrations
- Claude Code via la skill ; Vite pour les exemples ; Chrome sans interface via le protocole DevTools et FFmpeg pour la vidéo.
- Données et confidentialité
- Tout tourne en local ; seul ce que vous envoyez à Claude quitte votre machine, y compris un éventuel clip de référence joint.
- Limites
- Les personnages sont dessinés dans un espace fixe d'environ 95 unités de haut ; un seul style d'encre ; la capture exige Chrome ou Chromium en local ; ni paquet publié ni versions.
Les points forts
- Le solveur de marche donne des pieds bien posés et un balancement naturel sans images clés
- Bibliothèque de quatre modules TypeScript sans dépendance à l'exécution
- Validation d'un personnage avant la construction de toute la scène
- La capture déterministe donne des rendus vidéo reproductibles
- Outils pour reprendre le rythme d'un clip de référence
Les points faibles
- Un seul commit, vieux de quatre jours au moment de la critique
- Un seul style visuel : le trait à l'encre
- Pas de paquet ; le code copié ne reçoit pas les correctifs en amont
- Le rendu vidéo exige Chrome et FFmpeg en local
Idéal pour
Les développeurs front-end et designers sous Claude Code qui veulent des personnages ou des scènes SVG interactifs à l'allure dessinée à la main sur une page web.
Alternatives à line-art-animation
line-art-animation : questions fréquentes
- line-art-animation vaut-il le coup ?
- Une rare skill d'animation avec une vraie ingénierie dessous, le solveur de marche surtout, mais vieille de quatre jours et conçue pour un seul style. Nous lui donnons 3.6 sur 5.
- Combien coûte line-art-animation ?
- Gratuit sous MIT. Utiliser la skill coûte ce que coûte votre offre Claude ; le rendu vidéo exige Chrome et FFmpeg en local.
- Quels sont les inconvénients de line-art-animation ?
- Un seul commit, vieux de quatre jours au moment de la critique; un seul style visuel : le trait à l'encre; pas de paquet ; le code copié ne reçoit pas les correctifs en amont; le rendu vidéo exige Chrome et FFmpeg en local.
- À qui s’adresse line-art-animation ?
- Les développeurs front-end et designers sous Claude Code qui veulent des personnages ou des scènes SVG interactifs à l'allure dessinée à la main sur une page web.
- line-art-animation est-il sûr pour les données de l’entreprise ?
- Tout tourne en local ; seul ce que vous envoyez à Claude quitte votre machine, y compris un éventuel clip de référence joint.
- Quelles sont les meilleures alternatives à line-art-animation ?
- Les alternatives les plus proches que nous avons testées sont motionmaxxing, Bang Motion et reanimate.
Réponses vérifiées le 14 nov. 2026.