Aller plus loin

Un fichier texte nommé CLAUDE.md, placé à la racine d'un projet, que Claude Code lit automatiquement au début de chaque session. C'est l'équivalent d'un brief permanent.

Ce qu'on met dedans

# Contexte projet

Stack : Next.js 14, Tailwind CSS, Shadcn/ui, TypeScript
Déploiement : Vercel

## Conventions

- Toujours utiliser les CSS custom properties définies dans globals.css
- Ne jamais installer de dépendance sans demander d'abord
- Utiliser les composants Shadcn existants avant d'en créer de nouveaux
- Nommer les composants en PascalCase, les fichiers en kebab-case

## Tokens design

Couleurs : #295FEC (bleu principal), #1E1E1E (texte), #F8F9FB (fond)
Typographie : Public Sans, weight 800 pour les titres
Espacement : base de 4px (utiliser les classes Tailwind)

Ce qu'on n'y met pas

Pas de secrets, pas de clés API. Ce fichier peut finir dans ton repo GitHub.

Conseil : crée un fichier CLAUDE.md de base pour chaque nouveau projet dès le départ. Même cinq lignes valent mieux que rien. Claude improvise moins quand il a un contexte.

Les skills sont des fichiers d'instructions que Claude applique automatiquement dans une session. Ils s'installent en quelques secondes et changent significativement la précision et la qualité des outputs.

Un skill pour la qualité visuelle, un skill pour la rédaction, un skill pour la recherche utilisateur : chacun oriente Claude dans la bonne direction dès l'ouverture de la conversation.

Les deux skills à installer en priorité :

• frontend-design : interfaces de qualité production, typographie, hiérarchie visuelle
• ux-designer : recherche utilisateur et prototypage

# Voir l'état du projet (quels fichiers ont été modifiés)
git status

# Sauvegarder toutes les modifications
git add .
git commit -m "Description de la modification"

# Envoyer vers GitHub
git push origin main

# Récupérer les dernières modifications depuis GitHub
git pull origin main

# Voir l'historique des sauvegardes
git log --oneline

Tu peux tout déléguer à Claude Code. « Sauvegarde les modifications avec le message "ajout section témoignages" et pousse sur GitHub » : il exécute les trois commandes à ta place.

Automatisation. Tu peux demander à Claude de travailler sur une liste de tâches en continu, sans te demander confirmation à chaque étape.

Mode sans interruption. Le flag --dangerously-skip-permissions désactive les confirmations systématiques. Claude applique les changements en continu.

Intégration dans des pipelines. Claude Code peut être intégré dans des scripts automatisés, des actions GitHub, ou des processus CI/CD.

Claude Code

• Documentation officielle Claude Code
• Télécharger l'app Desktop Claude

Outils

• VSCode
• Vercel CLI
• Git
• GitHub

Stack

• Next.js
• Tailwind CSS
• Shadcn/ui
• Framer Motion
• Astro

Figma MCP

• Figma Console MCP, documentation

Outils d'exploration IA

• Lovable
• Bolt
• v0
• Google AI Studio