Skip to content
Free and open to everyone. The lessons keep improving thanks to your feedback.
Language : EN

Motion design and 3D Checked against documentation Intermediate

animate

emilkowalski/skills

Concevoir des animations d'interface utiles

The skill descriptions are in French for now. The interface is in English; the pages will be translated later.

This description is still being proofread: the technical information is checked, the wording has not yet been validated by a human.

What it does

Guide l'agent pour construire une animation d'interface dans le bon ordre : faut-il animer, pourquoi, avec quel outil, quelle durée et courbe, et comment gérer l'interruption.

Who it is for

Tu veux ajouter une animation ou une transition à ton site ou à ton appli.

Example requests

  • « Anime l'ouverture de ce menu pour qu'elle paraisse naturelle. »
  • « Ajoute une transition douce quand cette carte apparaît. »

Limits

  • Il écrit du code d'animation, il ne produit pas de vidéo.
  • Il peut te conseiller de ne pas animer quand ce n'est pas utile.
  • Pour critiquer des animations existantes, il renvoie vers d'autres skills.

Install this skill

Prerequisites : Aucun

Copy the command, paste it into your terminal (Mac) or PowerShell (Windows), then confirm yourself when the program asks.

Command (latest published version)

npx skills add https://github.com/emilkowalski/skills --skill animate -a claude-code

The npx command needs Node.js 22.20 or later. Windows : si la création de liens échoue : ajouter --copy (non testé).

Command pinned to the checked version

Command pinned to the checked version

npx skills add emilkowalski/skills@c8a79627b59d72d764d6ab6f2c87c09a48169833 --skill animate -a claude-code

Command checked against the documentation, not yet tried by Neurylio.

Before installing. Read the SKILL.md file on GitHub, check where the skill comes from and what it can do. The lessons of module 7 explain how:

Back to the library