Ton workflow IA au quotidien
De l'idée au commit, un workflow optimisé.
7.1Les 5 phases d'une journée dev augmentée
Planning
9h-9h30- • Lister les tâches du jour
- • Découper en prompts IA
- • Identifier ce qui se fait mieux sans IA
Build
9h30-12h- • Coder avec Copilot/Cursor
- • Itérer sur les composants
- • Review systématique de chaque bloc
Debug & Test
14h-15h- • Copier l'erreur complète à l'IA
- • Fournir le contexte (stack trace + code)
- • Demander 3 hypothèses avant de toucher au code
Review & Refactor
15h-16h- • Demander un audit du code du jour
- • Identifier les améliorations possibles
- • Simplifier ce qui est trop complexe
Documentation
16h-16h30- • Générer les JSDoc / README
- • Documenter les décisions d'architecture
- • Commit avec des messages clairs
7.2Les outils par phase
| Phase | Outil recommandé | Pourquoi |
|---|---|---|
| Planning | Claude / ChatGPT (conversation) | Grand contexte, bon en structuration |
| Coding | Copilot / Cursor / Claude Code | Intégré à l'IDE, autocomplétion contextuelle |
| Debug | Claude / ChatGPT (avec stack trace) | Analyse d'erreurs, hypothèses multiples |
| Review | Claude Code / Copilot Chat | Accès au codebase complet |
| Documentation | Copilot (inline) / Claude | Génération de JSDoc, README, commits |
| Apprentissage | ChatGPT / Claude (conversation) | Explications pédagogiques, analogies |
7.3Le debug augmenté par l'IA
Le debug est probablement le domaine où l'IA fait la plus grande différence. La clé : donner le bon contexte.
Bashbash
# Template de debug avec l'IA :
## Erreur
[Colle l'erreur exacte avec le stack trace complet]
## Contexte
- Framework : Next.js 15, App Router
- Fichier : app/dashboard/page.tsx
- Ce que je fais : Server Component qui fetch des données via API
## Code concerné
[Colle le fichier ou les lignes pertinentes]
## Ce que j'ai déjà essayé
1. Vérifier que l'API répond (curl → OK)
2. Console.log dans le composant → s'affiche côté serveur
3. Vérifier les types → pas d'erreur TypeScript
## Ce que j'attends de toi
- Donne-moi 3 hypothèses classées par probabilité
- Pour chaque hypothèse, donne le fix ET l'explicationPourquoi "3 hypothèses" ?
Si tu demandes juste "fix ce bug", l'IA donne UNE réponse qui peut être fausse. En demandant 3 hypothèses, tu obtiens un spectre de possibilités qui t'aide à comprendre le problème, même si aucune hypothèse n'est parfaite.
7.4Les raccourcis qui changent tout
Ctrl+I (Copilot)Ouvre le chat inline dans le codeTab (Copilot)Accepte la suggestion de complétionCtrl+L (Cursor)Ouvre le chat contextuelCtrl+K (Cursor)Édition inline avec l'IASélection + chatEnvoie le code sélectionné au chat#file (Copilot)Référence un fichier spécifique dans le chat7.5Les commit messages IA-assistés
Les messages de commit sont souvent bâclés. L'IA peut t'aider à écrire des commits clairs et conventionnels :
Bashbash
# Prompt pour commits :
"Écris un message de commit pour ce diff en suivant
Conventional Commits (feat/fix/refactor/docs/chore).
Sois concis (max 72 chars pour le titre).
Ajoute un body si nécessaire pour expliquer le pourquoi."
# Exemples de résultats :
feat(auth): add login form with React Hook Form + Zod validation
fix(dashboard): prevent re-render loop in useUserData hook
refactor(course): extract chapter navigation into separate component
docs(readme): update deployment instructions for Cloudflare Pages