Développement avec l'IA
Exemples de prompts de vibe coding pour applications web
Exemples pratiques de prompts pour définir, construire, revoir et vérifier des applications web via le vibe coding.
Un prompt utile pour une application web ne demande pas simplement « crée une app ». Il définit l'utilisateur, le travail, le flux, les données, les limites, les critères d'acceptation et la vérification. Les modèles suivants doivent être adaptés au dépôt et revus avant d'exécuter des changements.
Prompt pour définir le flux
Pour [utilisateur], définis un flux qui permet [tâche] et aboutit à [résultat]. Inclus étapes, entrées, états vide/chargement/erreur/succès, permissions, données nécessaires, exclusions et critères d'acceptation. Signale les décisions qui nécessitent encore confirmation.
Prompt pour implémenter un écran
Implémente l'écran [nom] pour le flux [flux]. Respecte ces composants, tokens et contrats : [contraintes]. Montre la hiérarchie, l'action principale, la validation, l'accessibilité et les états. Avant d'éditer, explique les fichiers pertinents et le plan minimal ; montre ensuite le diff et les tests.
Prompt pour revoir une intégration
Révise cette intégration de [service] pour l'authentification, l'autorisation, la validation, la gestion des erreurs, les relances, les limites, les données sensibles et l'observabilité. N'appelle pas le service et n'expose pas de secrets. Propose des tests et de petits changements.
Prompt pour déboguer
Avec ces étapes de reproduction, journaux et résultat attendu, sépare faits et hypothèses, propose des tests minimaux puis le plus petit changement avec un test de régression.
Liste de contrôle
- Le prompt définit-il l'utilisateur, la tâche et le résultat ?
- Données, permissions et états sont-ils explicites ?
- Limite-t-il les fichiers et comportements hors périmètre ?
- Inclut-il des tests et un critère d'acceptation ?