BuildYourSaaS
AccueilBlog › Skills et outils
Skills et outils

Vos designs Claude Code sont moyens ? Ce n'est pas Claude, c'est votre setup : trois skills qui règlent ça

Par Jean-Baptiste Roy5 juin 20263 min de lecture

Si les interfaces que Claude Code vous sort ont l'air moyennes, ce n'est pas Claude, c'est votre setup. Par défaut, tout sort statique, sans animation, avec l'allure générique qu'on reconnaît de loin. Trois skills règlent vraiment ça.

1. Le skill du mouvement

D'habitude, quand vous faites construire une interface, tout sort figé. Ce skill apprend à Claude comment ajouter les bons enchaînements et les bonnes animations : les transitions douces, les apparitions progressives, ce qui fait qu'une interface a l'air vivante sans être agitée. Une commande d'installation, et vos outils prennent vie.

2. Le skill de design propre

Au lieu de deviner la mise en page, l'espacement et la typographie, ce skill donne à Claude une vingtaine de commandes de design : typo, couleurs, contraste, mise en page, espacements. Vous lancez une commande de nettoyage, et Claude reprend toute l'interface avec des règles cohérentes. Je l'utilise à la place du skill de base.

3. Le skill de références

Mon préféré, et le gros morceau. Il va chercher de vraies références de design et de vrais exemples, pour que Claude arrête de générer les six mêmes interfaces génériques et commence à faire des choses qui ressemblent à quelque chose. Les résultats sont impressionnants, surtout combinés aux deux premiers.

Pour un dirigeant

Un outil interne moche est un outil que l'équipe n'utilise pas. Un tableau de bord qui a l'air sérieux inspire confiance, y compris à vous. Ces trois skills coûtent dix minutes d'installation et changent la perception de tout ce que vous construisez. Ils sont dans ma bibliothèque de skills.

Ce texte vient d'un de mes réels. Adapté de mes réels sur les trois skills de design pour Claude Code.

En résumé

  • Par défaut, les interfaces générées sont statiques et génériques.
  • Un skill pour le mouvement, un pour la typographie et l'espacement, un pour les références.
  • Dix minutes d'installation, une allure professionnelle.
  • Un outil qui a l'air sérieux est un outil que l'équipe utilise.

Questions fréquentes

Faut-il des compétences en design pour utiliser ces skills ?

Non. Les skills encodent les règles ; vous jugez le résultat et demandez des ajustements en français.

Fonctionnent-ils pour un site web comme pour un outil interne ?

Oui, pour toute interface produite par Claude Code : pages, tableaux de bord, applications.

Peut-on imposer sa charte graphique ?

Oui, en donnant vos couleurs et polices dans le fichier de contexte ou dans un skill dédié à votre marque.

Vous voulez installer ça dans votre boîte ?

Deux façons de commencer, sans engagement : récupérer la bibliothèque de skills Claude Code que j'utilise avec mes clients, ou réserver un diagnostic offert de 30 minutes pour cartographier ce que vous pouvez automatiser en premier.

JB

Jean-Baptiste Roy, fondateur de BuildYourSaaS. Ancien commercial de terrain, sans diplôme informatique, il a appris Claude Code seul, à raison de six mois à quatorze heures par jour, puis a accompagné plus d'une vingtaine de dirigeants à construire leurs propres outils d'IA. Il publie chaque jour sur Instagram et LinkedIn.