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
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"
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
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"
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"
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
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.
Utilisez le raccourci Shift+Command+Control+4 pour copier des captures d'écran dans le presse-papiers.
Appuyez sur Shift+Command+Control+4
Sélectionnez la zone à capturer
La capture est automatiquement copiée dans le presse-papiers
Utilisez Control+V (pas Command+V) pour coller des images dans le terminal.
Note : Dans le terminal macOS, utilisez
Control+Vau lieu deCommand+Vpour coller des images
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
Capturez l'état actuel de l'application et renvoyez-le à Claude Code pour des modifications itératives.
Générer le code d'interface initial
Capturer des captures d'écran des effets d'exécution
Effectuer des ajustements basés sur les captures
Répéter jusqu'à satisfaction
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()
}
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.
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"]
}
}
}
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
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.
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.
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.
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
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
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
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>;
};
\```
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
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 |
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
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')
}
}
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'
}
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')
}
}
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
}
}
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')
}
}
}
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
}
}
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
# Division horizontale
Cmd+D
# Division verticale
Cmd+Shift+D
# Changer de panneaux
Cmd+Option+touches de direction
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
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
Comprendre profondément l'essence de Claude Code en tant qu'outil CLI et utiliser pleinement les fonctionnalités de ligne de commande.
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.
Connecter les bases de données, la documentation API et d'autres ressources externes pour étendre les limites des capacités de Claude Code.
Créer un environnement dédié au projet via CLAUDE.md et des commandes personnalisées.
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.