emil-design-eng
Skill publiée par Emil Kowalski, design engineer chez Linear et auteur de Sonner (la librairie de toasts React, plus de 13 millions de téléchargements par semaine). Elle n'apprend pas à ton agent ce qu'est un beau composant, elle lui apprend l'ordre dans lequel un design engineer réfléchit : à quoi sert cet écran, quel état il doit rendre lisible, et seulement ensuite quelle animation ou quel espacement. L'essentiel du contenu porte sur le mouvement et la conception de composants, tiré de ses propres librairies open source. **Le dépôt ne contient pas une skill mais une douzaine**, et la plupart portent sur le mouvement. `animate` pose une animation avec la bonne courbe, la bonne durée et les bonnes propriétés ; `find-animation-opportunities` repère les zones d'une interface qui gagneraient à bouger ; `review-animations` relit sévèrement celles qui existent et `improve-animations` classe les corrections par priorité ; `animation-vocabulary` te donne les mots précis pour demander un mouvement à un agent au lieu de « quelque chose de fluide ». C'est la réponse au reproche le plus courant fait à une application sortie d'un agent : tout est propre, et tout est plat.
Forces
- Écrite par un praticien dont on peut auditer le travail : Sonner et Vaul sont open source et lisibles
- Porte le raisonnement amont (intention, état, hiérarchie) là où les autres skills design partent du rendu
- Forte sur le mouvement et les micro-interactions, angle rare dans les skills de design
Limites
- Très orientée React et web : peu transposable à du natif ou à un design system non-web
- Skill personnelle d'un auteur unique : pas de garantie de maintenance ni de versionnage stable
Pour qui
- Composants techniquement propres mais qui ne racontent rien
- Front-ends React où le mouvement et l'état font la qualité perçue
- Designers et PM qui veulent que l'agent décide quoi construire avant de le construire