Cinq skills de design à garder sous la main

01 Le problème

Pourquoi le design fait par IA se ressemble 🎭

L’IA n’a pas de goût, et c’est tout le problème.

Elle a appris le design sur l’internet entier, le beau comme l’ennuyeux. Quand tu lui demandes de construire quelque chose, elle vise la moyenne sûre. Mêmes polices, mêmes mises en page, même impression d’être légèrement à côté. Le modèle n’est pas mauvais en design, il n’a simplement aucune raison de préférer une direction plutôt qu’une autre, alors il atterrit au milieu de tout ce qu’il a déjà vu.

Sans skill

Avec un skill

Claude devine. Polices, espacements et couleurs sortent de la moyenne de tout ce qu’il a vu, et le résultat fait générique.

Claude travaille à partir de vraies règles de design, de vraies palettes et de vraies références. Le niveau de départ monte.

02 Les cinq

Les skills, un par un 🧰

Chacun a un rôle et un mot pour que tu retiennes ce qu’il fait.

03 Ordre

L’ordre qui marche 🪜

Quand

Lequel

Toujours, en premier

Frontend Design, comme base

Quand le projet dépasse quelques écrans

UI/UX Pro Max, pour la cohérence entre les pages

Quand le résultat fait générique

Taste

Quand tu veux diriger vite

Impeccable

En dernier, mise en page réglée

Les skills de mouvement d’Emil Kowalski

04 Install

Ajouter un skill prend une minute ⚡

La bonne nouvelle, c’est que ça marche pareil pour les cinq.

1. 1

   Trouve le skill

   Chacun vit dans son propre dépôt, c’est-à-dire son dossier de code public sur GitHub, ou dans un dossier de skills partagé. Récupère le lien.

2. 2

   Ajoute-le à Claude

   Il y a deux routes, et laquelle tu utilises dépend du skill. Certains s’installent avec le CLI skills, la commande qui se tape dans un terminal. D’autres s’installent comme plugin, ce qui fait deux commandes à passer dans Claude Code.

   Copier

   # route CLI
   npx skills add <repo-url>
   
   # route plugin, à lancer dans Claude Code
   /plugin marketplace add <owner/repo>
   /plugin install <name>

3. 3

   Laisse Claude s’en servir

   Une fois le skill ajouté, Claude va le chercher tout seul quand le travail le demande. Tu n’as pas besoin de le nommer à chaque fois.

Frontend Design

Le skill officiel d’Anthropic. La base sur laquelle tout le reste s’empile.

anthropics/skillsUI/UX Pro Max

Une base de données de styles, palettes et polices consultable par Claude.

nextlevelbuilder/ui-ux-pro-max-skillTaste

Le réglage fin du style, par paramètres et variantes.

Leonxlnx/taste-skillImpeccable

Un vocabulaire commun pour diriger Claude en un mot.

pbakaus/impeccableEmil Kowalski

La couche mouvement : animations, transitions, micro-interactions.

emilkowalski/skills