34 Conseils pour Utiliser Claude Code

Maîtrisez les techniques avancées de Claude Code, de la ligne de commande au traitement d'images, des intégrations externes à l'optimisation du flux de travail - un guide complet.

Conseils de Ligne de Commande (CLI)

1. Considérer comme CLI

Comprendre fondamentalement que Claude Code est un outil en ligne de commande avec toutes ses caractéristiques de base.

# Claude Code peut exécuter toutes les opérations CLI standard
claude --help
claude --version
claude --list-sessions

2. Passer des Paramètres de Commande

Utilisez le paramètre -P pour exécuter en mode ligne de commande.

# Passer directement des prompts pour exécuter des tâches
claude -P "analyser package.json et lister toutes les dépendances"

3. Utiliser le Mode Non Interactif

Utilisez le paramètre -P pour exécuter en mode frontend non interactif.

# Mode non interactif, sortie directe des résultats
claude -P "générer un composant React" --no-interactive

4. Connecter avec d'Autres Outils

Connectez d'autres outils en ligne de commande (bash/outils CLI) avec votre flux de travail.

# Utiliser en combinaison avec d'autres outils
git diff | claude -P "expliquer ces changements de code"
npm test 2>&1 | claude -P "analyser les raisons d'échec des tests"

5. Utiliser l'Entrée par Pipeline

Envoyez des données à Claude Code via pipeline (|).

# Transfert de données par pipeline
cat error.log | claude -P "analyser le journal d'erreurs et fournir des solutions"
curl https://api.example.com | claude -P "analyser cette réponse API"

6. Exécuter Plusieurs Instances

Exécutez plusieurs instances de Claude Code simultanément pour différentes tâches.

# Terminal 1
claude --session frontend-work

# Terminal 2
claude --session backend-api

# Terminal 3
claude --session testing

7. Laisser Se Lancer Lui-Même

Demandez à Claude Code de lancer une nouvelle instance pour traiter une tâche.

Veuillez exécuter les tests dans une nouvelle instance de Claude et me rapporter les résultats.

Conseils de Traitement d'Images

8. Capture d'Écran macOS

Utilisez le raccourci Shift+Command+Control+4 pour copier des captures d'écran dans le presse-papiers.

Étape 1

Appuyez sur Shift+Command+Control+4

Étape 2

Sélectionnez la zone à capturer

Étape 3

La capture est automatiquement copiée dans le presse-papiers

9. Utiliser Control+V pour Coller

Utilisez Control+V (pas Command+V) pour coller des images dans le terminal.

Note : Dans le terminal macOS, utilisez Control+V au lieu de Command+V pour coller des images

10. Générer du Code depuis des Maquettes

Collez des images de maquette et laissez Claude Code construire l'interface.

[Coller l'image de maquette]
Veuillez générer des composants React correspondants basés sur cette maquette, incluant :
- Mise en page responsive
- Adaptation mobile
- Utilisation de Tailwind CSS

11. Établir une Boucle de Rétroaction Visuelle

Capturez l'état actuel de l'application et renvoyez-le à Claude Code pour des modifications itératives.

Implémentation Initiale

Générer le code d'interface initial

Rétroaction par Capture

Capturer des captures d'écran des effets d'exécution

Optimisation Itérative

Effectuer des ajustements basés sur les captures

Amélioration Cyclique

Répéter jusqu'à satisfaction

12. Génération Automatisée

Utilisez le service Puppeteer MCP pour automatiser le processus de capture d'écran de votre application.

// Exemple de script de capture automatisée
const puppeteer = require('puppeteer')

async function captureScreenshots() {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()

  // Capturer des captures d'écran de différents états
  await page.goto('https://localhost:3000')
  await page.screenshot({ path: 'homepage.png' })

  await page.click('.login-button')
  await page.screenshot({ path: 'login-page.png' })

  await browser.close()
}

13. Traitement d'Images par Lots

Traitez plusieurs fichiers d'images simultanément.

Veuillez analyser toutes les captures dans le répertoire screenshots/ et identifier les incohérences de l'interface utilisateur.

Conseils d'Intégration et Données Externes

14. Agir comme Serveur/Client MCP

Claude Code lui-même peut agir à la fois comme serveur MCP et comme client pour se connecter à d'autres services.

// Exemple de configuration MCP
{
  "mcpServers": {
    "postgres": {
      "command": "npx",
      "args": ["@modelcontextprotocol/server-postgres"]
    }
  }
}

15. Connecter des Bases de Données

Utilisez le serveur Postgres MCP pour connecter Claude Code à votre base de données.

Après connexion à la base de données, veuillez :
1. Analyser les structures de tables existantes
2. Générer des définitions de types TypeScript
3. Créer des interfaces API CRUD

16. Obtenir la Documentation API Mise à Jour

Profitez des serveurs MCP fournis par des entreprises comme Cloudflare pour obtenir une documentation mise à jour en temps réel.

Veuillez obtenir la dernière documentation Workers API de Cloudflare MCP et créer un projet exemple.

17. Extraire le Contenu des Liens

Collez simplement une URL, Claude Code extraira le contenu de cette page web comme contexte.

https://docs.example.com/api/v2

Veuillez créer un SDK TypeScript correspondant basé sur la documentation ci-dessus.

18. Obtenir des Connaissances Externes

Utilisez la fonction d'extraction d'URL pour obtenir des connaissances externes et les appliquer au code.

https://en.wikipedia.org/wiki/Chess_rules

En vous basant sur les règles ci-dessus, implémentez la logique centrale d'un jeu d'échecs.

Conseils du Fichier de Configuration CLAUDE.md

19. Comprendre Sa Fonction Principale

CLAUDE.md est un fichier de prompt système chargé à chaque requête.

# Exemple de structure CLAUDE.md

## Aperçu du Projet

Brève description de l'objectif du projet et de la pile technologique

## Standards de Développement

- Directives de style de code
- Conventions de nommage
- Structure d'organisation des fichiers

## Commandes Courantes

Lister les commandes couramment utilisées du projet

## Notes

Notes spécifiques au projet et limitations

20. Générer Automatiquement avec /init

Exécutez la commande /init dans le répertoire du projet pour générer automatiquement un CLAUDE.md basé sur la structure du projet.

# Exécuter dans le répertoire racine du projet
> /init

# Claude Code analysera le projet et générera le fichier de configuration

21. Ajouter des Règles Spécifiques au Projet

Définissez des règles de codage spécifiques au projet dans CLAUDE.md.

## Règles du Projet

- Toutes les réponses API doivent inclure les champs status et data
- Utilisez camelCase pour les noms de variables, PascalCase pour les composants
- Interdisez l'utilisation du type any, définissez des types TypeScript explicites

22. Inclure des Extraits de Code Courants

Incluez des modèles de code courants dans le fichier de configuration.

## Modèles de Code

### Modèle de Composant React

\```tsx
import React from 'react';

interface Props {
// définition des props
}

export const ComponentName: React.FC<Props> = ({ }) => {
return <div></div>;
};
\```

23. Documenter les Décisions Architecturales

Utilisez CLAUDE.md pour documenter les décisions architecturales importantes.

## Enregistrement des Décisions Architecturales

### ADR-001 : Utiliser Redux Toolkit

- **Date** : 2024-01-15
- **Décision** : Adopter Redux Toolkit comme solution de gestion d'état
- **Raison** : Simplifie l'utilisation de Redux, réduit le code boilerplate

24. Maintenir les Descriptions des Dépendances

Documentez l'objectif et les exigences de version des dépendances clés.

## Dépendances Clés

| Paquet | Version  | Objectif         | Notes                      |
| ------ | -------- | ---------------- | -------------------------- |
| react  | ^18.0.0  | Framework UI     | Utilise les fonctionnalités concurrentes |
| next   | ^14.0.0  | Framework Full-Stack | App Router             |

25. Définir la Stratégie de Test

Clarifiez les exigences et stratégies de test du projet.

## Stratégie de Test

- Couverture des tests unitaires > 80%
- Tous les endpoints API doivent avoir des tests d'intégration
- Utilisez Jest + React Testing Library
- Tests E2E avec Playwright

Conseils des Commandes Slash

26. Créer des Commandes Personnalisées

Créez des commandes personnalisées dans le répertoire .claude/commands/.

// .claude/commands/test-all.js
module.exports = {
  name: 'test-all',
  description: 'Exécuter tous les tests et générer un rapport de couverture',
  execute: async () => {
    await runCommand('npm test -- --coverage')
    await runCommand('npm run e2e')
  }
}

27. Alias de Commandes

Créez des alias courts pour les commandes longues fréquemment utilisées.

// .claude/commands/aliases.js
module.exports = {
  c: 'commit',
  p: 'push',
  ta: 'test-all',
  dev: 'npm run dev'
}

28. Commandes par Lots

Créez des commandes par lots qui exécutent plusieurs opérations.

// .claude/commands/deploy.js
module.exports = {
  name: 'deploy',
  description: 'Processus de déploiement complet',
  execute: async () => {
    await runCommand('npm test')
    await runCommand('npm run build')
    await runCommand('npm run deploy:prod')
  }
}

29. Commandes Paramétrées

Supportez des commandes personnalisées qui reçoivent des paramètres.

// .claude/commands/create-component.js
module.exports = {
  name: 'create-component',
  description: 'Créer un nouveau composant',
  parameters: ['name', 'type'],
  execute: async (name, type = 'functional') => {
    // Générer le composant basé sur les paramètres
  }
}

30. Commandes Conditionnelles

Commandes qui exécutent différentes opérations basées sur des conditions.

// .claude/commands/smart-test.js
module.exports = {
  name: 'smart-test',
  execute: async () => {
    const files = await getChangedFiles()
    if (files.some((f) => f.endsWith('.tsx'))) {
      await runCommand('npm run test:components')
    }
    if (files.some((f) => f.includes('api/'))) {
      await runCommand('npm run test:api')
    }
  }
}

31. Commandes Interactives

Créez des commandes interactives qui nécessitent une entrée utilisateur.

// .claude/commands/scaffold.js
module.exports = {
  name: 'scaffold',
  interactive: true,
  execute: async () => {
    const type = await prompt('Choisir le type : component/page/api')
    const name = await prompt('Entrer le nom :')
    // Générer le code basé sur l'entrée
  }
}

Conseils d'Interface et Flux de Travail

32. Utiliser le Mode Écran Divisé

Profitez de la fonction d'écran divisé du terminal pour voir le code et la sortie de Claude Code simultanément.

# Division horizontale
Ctrl+b "

# Division verticale
Ctrl+b %

# Changer de panneaux
Ctrl+b touches de direction

33. Configurer des Espaces de Travail

Configurez des espaces de travail dédiés pour différents types de tâches.

# Créer un espace de travail de développement frontend
claude --workspace frontend --dir ./src/components

# Créer un espace de travail de développement backend
claude --workspace backend --dir ./src/api

# Créer un espace de travail de tests
claude --workspace testing --dir ./tests

34. Utiliser l'Historique des Sessions

Profitez de la fonction d'historique des sessions pour récupérer rapidement les états de travail précédents.

# Voir l'historique des sessions
claude --history

# Restaurer une session spécifique
claude --resume <session-id>

# Exporter l'enregistrement de session
claude --export-session > session-backup.json

Résumé des Meilleures Pratiques

Maîtriser les Fondamentaux

Comprendre profondément l'essence de Claude Code en tant qu'outil CLI et utiliser pleinement les fonctionnalités de ligne de commande.

Prioriser le Visuel

Bien utiliser les captures d'écran et les fonctions de traitement d'images, établir des boucles de rétroaction visuelle pour accélérer le développement.

Intégration Externe

Connecter les bases de données, la documentation API et d'autres ressources externes pour étendre les limites des capacités de Claude Code.

Configuration Personnalisée

Créer un environnement dédié au projet via CLAUDE.md et des commandes personnalisées.

Optimisation du Flux de Travail

Utiliser l'écran divisé, les espaces de travail, la gestion des sessions et d'autres techniques pour améliorer l'efficacité du développement.

💡 Astuce : Ces 34 conseils couvrent tous les aspects de Claude Code. Il est recommandé de maîtriser d'abord les techniques de base, puis d'appliquer progressivement les fonctions avancées selon les besoins du projet, formant finalement un flux de travail efficace qui vous convient.

Innovez sans limites avec l’IA, des opportunités infinies
À propos
Fonctionnalités
Documentation
Tarifs
Contactez-nous
Conditions et politiques
Conditions d’utilisation
Politique de confidentialité
Loi sur les transactions commerciales spécifiques