Skills personnalisés : automatiser les tâches récurrentes

Qu'est-ce qu'un skill Claude Code ?

Un skill est un fichier markdown qui définit un workflow réutilisable. Quand un utilisateur invoque un skill (via /nom-du-skill), Claude Code charge les instructions et les exécute dans le contexte courant. C'est l'équivalent d'un script, mais en langage naturel.

Emplacement des skills

• Projet : .claude/skills/ — partagés avec l'équipe via git
• Utilisateur : ~/.claude/skills/ — personnels, disponibles partout

Structure d'un skill

Fichier .claude/skills/create-component.md :

---
description: Créer un nouveau composant React avec tests et stories
arguments:
  - name: componentName
    description: Nom du composant en PascalCase
    required: true
---

# Créer un composant React

## Étapes

1. Créer le fichier `src/components/{componentName}/{componentName}.tsx`
2. Créer le fichier de test `src/components/{componentName}/{componentName}.test.tsx`
3. Créer le fichier Storybook `src/components/{componentName}/{componentName}.stories.tsx`
4. Exporter depuis `src/components/index.ts`

## Conventions
- Utiliser forwardRef pour les composants interactifs
- Props typées avec interface {componentName}Props
- Utiliser les classes Tailwind du design system
- Test avec React Testing Library

Invocation

/create-component --componentName=NotificationBadge

Ou simplement en conversation : __CODE_BLOCK_2__

Cas d'usage courants

Code review automatisée __CODE_BLOCK_3__

Génération de documentation __CODE_BLOCK_4__

Bonnes pratiques

• Un skill = une tâche : Gardez chaque skill focalisé
• Arguments explicites : Nommez clairement les paramètres requis
• Résultat attendu : Décrivez le livrable final (fichiers créés, output attendu)
• Conventions projet : Référencez le CLAUDE.md pour la cohérence
• Idempotent : Le skill doit pouvoir être relancé sans effet de bord