Des interfaces qui n’ont plus l’air faites par l’IA

Ce qui change

Votre agent pense au design avant d’écrire le code

1. 01

   Une identité d’abord

   Cinq lignes sur le produit, son caractère, son univers et un détail qui n’appartient qu’à lui. Les réflexes que tous les modèles partagent sont nommés et écartés.

2. 02

   Neuf passages ensuite

   Espacements, couleurs, icônes, textes, typographie, mise en page, détails, visuels et animation, chaque fois sur tout l’écran, avec une seule valeur de référence plutôt que trois avis contradictoires.

3. 03

   Des mesures pour finir

   Des scripts repèrent les défauts typiques de l’IA, les animations en boucle et les erreurs d’espacement en français. Le contraste et la taille des zones cliquables sont vérifiés selon WCAG, et la vidéo montre chaque valeur changer.

Dans Claude Code

Des commandes, des agents de révision et une vérification après chaque modification

Le plugin ajoute aux onze skills quatre commandes, deux agents en lecture seule et un hook qui vérifie chaque fichier que l’agent modifie.

Serveur MCP

Les mêmes vérifications, comme outils pour n’importe quel client MCP

Cinq outils en lecture seule, sans dépendance ni accès réseau. Dans Claude Code, le plugin démarre le serveur pour vous ; dans les autres clients, il se lance depuis npm.

{
  "mcpServers": {
    "molveau-skills": {
      "command": "npx",
      "args": ["-y", "@molveau/skills"]
    }
  }
}

Crédits

Bâti sur le meilleur travail des autres

Les skills renvoient aux skills ouverts de ces auteurs, conservés tels quels avec leurs licences. C’est à eux qu’il faut dire merci en premier.

• Damir Sokolovskyunslop · CC BY 4.0
• Leonxlnxtaste-skill · MIT
• Emil Kowalskiskills · MIT
• Jakub Krehelskills · MIT
• Paul BakausImpeccable · Apache 2.0
• GreenSockGSAP skills · MIT
• Raphael Salaja12 principles · MIT
• LottieFilesmotion design · MIT
• Benji TaylorStageshow · MIT
• ibelickui-skills · MIT