Bonnes pratiques pour les prompts
1. Maîtriser l’ingénierie des prompts pour de meilleurs résultats :
Considérez l’IA comme votre partenaire d’ingénierie ; elle ne sait que ce que vous lui dites explicitement.- Clarté et verbosité : Des prompts clairs et verbeux mènent à des résultats de qualité supérieure. Soyez précis, en mentionnant les pages exactes (par exemple,
/dashboard) et les comportements attendus. Utilisez un langage naturel pour vos demandes, comme
- Aides visuelles : Ajoutez des captures d’écran, surtout lorsque vous décrivez des bogues ou des problèmes d’UX. Cela fournit un contexte visuel que les mots seuls pourraient manquer.
- Garde-fous et limitations : Dites à l’IA ce qu’elle ne doit pas toucher. Par exemple, vous pourriez donner l’instruction :
- Répétition pour la rétention : La mémoire de l’IA peut être limitée, alors répétez les instructions importantes dans plusieurs prompts si nécessaire.
- Décomposer les tâches complexes : Évitez d’essayer de mettre en œuvre plusieurs choses simultanément. Divisez votre travail en plus petits morceaux testables. Utilisez le mode Discussion entre chaque étape pour valider avant de continuer. Un modèle utile pour la décomposition des fonctionnalités comprend :
- Instructions spécifiques aux rôles : Si votre application prend en charge plusieurs rôles d’utilisateur, définissez toujours à quel rôle le prompt s’applique. Cela aide à prévenir les bogues découlant d’une logique ou de composants partagés. Par exemple :
2. Utiliser fréquemment le mode Discussion
Le mode Discussion est votre copilote IA, conçu pour le débogage, le brainstorming et la planification des implémentations sans modifier immédiatement votre code.- Quand l’utiliser : Passez en mode Discussion après 2-3 tentatives infructueuses de « Tenter de corriger », lors du débogage d’une logique complexe ou de problèmes de base de données, ou lors de la planification de nouvelles fonctionnalités. Vous pouvez lui demander de
- Recommandation de flux de travail : Certains utilisateurs trouvent efficace de passer 60-70% de leur temps en mode Discussion, ne cliquant sur « Implémenter le plan » qu’une fois entièrement satisfaits. Cette approche améliore la cohérence des résultats et évite les modifications involontaires.
- Interaction contrôlée : Pour éviter l’exécution de code non désirée, utilisez des prompts comme « Enquêter mais ne pas encore écrire de code » ou « Suggérer 3 façons de résoudre ce problème sans rien changer ». Cela vous permet de garder le contrôle.
- Sortir des boucles de l’IA : Si l’IA entre dans une « boucle » de correction de code défectueux, passez en mode Discussion, collez une capture d’écran de l’erreur et demandez :
3. Le Remix en dernier recours.
Parfois, recommencer prend moins de temps, surtout lorsque l’on est coincé dans un bourbier de développement.- Ce que fait le Remix : Le Remix crée une copie propre de votre projet à T=0. Vous pouvez ensuite reconstruire avec des prompts améliorés et des connaissances plus claires, en utilisant votre ancien projet uniquement comme référence.
- Quand utiliser le Remix : C’est utile si vous êtes coincé dans une boucle de bogues, si vous voulez redémarrer proprement tout en préservant l’historique, ou si vous avez besoin de déconnecter un service de base de données comme Supabase et d’essayer une nouvelle approche.
4. Cultiver la patience et le calme
Le développement avec l’IA peut être imprévisible ; magique à un moment, frustrant le suivant. Les dernières étapes d’une construction prennent souvent le plus de temps.- Règle d’or : Prenez votre temps avec les prompts, revérifiez tout et décomposez le travail en petits blocs testables. La précision de vos entrées est directement corrélée à la qualité de vos sorties.
5. Conseils bonus pour un flux de travail amélioré
- Le modèle « Je suis frustré… » : Utilisez le modèle de prompt « Je suis frustré… » pour aider l’IA à mieux se concentrer.
- Vérifications post-modification : Après toute modification majeure, revérifiez toujours plusieurs rôles et leurs comportements, en particulier pour la logique conditionnelle.
- Versions de repli : Stockez des versions stables comme versions de repli pour un débogage rapide.
- Composants spécifiques aux rôles : Pour éviter les bogues dus à une logique trop générique, demandez à l’IA de
Bibliothèque de prompts – Stratégies et exemples
La bibliothèque de prompts fournit une collection de modèles de prompts réutilisables et d’exemples pour des scénarios de développement courants avec l’IA de Lumi. Considérez-les comme des modèles à adapter pour vos projets.- Démarrer des projets
- Quand l’utiliser : Au tout début d’un projet pour aider l’IA à comprendre les exigences de haut niveau et à construire les fondations. Il agit comme votre brief de projet initial.
- Comment l’utiliser : Décrivez le type d’application, les technologies clés (frontend, backend, services) et les fonctionnalités principales. Indiquez à l’IA par où commencer, généralement la page principale ou une fonctionnalité cruciale.
- Améliorations du design UI/UX
- Quand l’utiliser : Pour affiner l’attrait visuel de votre application sans en altérer la fonctionnalité. Cela inclut le polissage de l’interface utilisateur, l’ajustement des mises en page ou l’implémentation d’un style de design spécifique.
- Comment l’utiliser : Définissez clairement la portée des changements de design et soulignez que la fonctionnalité doit rester intacte. Guidez l’IA sur l’esthétique souhaitée (par exemple, moderne, minimaliste). Abordez les changements multiples un par un et mentionnez toutes les parties de l’interface utilisateur dont la logique ne doit pas être modifiée.
- Assurer la réactivité
- Quand l’utiliser : Lorsque votre application doit adapter sa mise en page à différentes tailles d’écran (mobile, tablette, ordinateur de bureau). Idéal comme passe finale sur les tâches lourdes en interface utilisateur.
- Comment l’utiliser : Mettez l’accent sur une approche mobile-first et demandez à l’IA d’assurer la réactivité sur les points de rupture standards. Mentionnez les directives spécifiques du framework CSS (par exemple, les points de rupture
sm, md, lg, xlde Tailwind) et demandez d’éviter les largeurs fixes.
- Refactorisation du code
- Quand l’utiliser : Périodiquement, surtout lorsque le code devient désordonné ou lent. La refactorisation améliore la structure du code, sa lisibilité ou ses performances sans altérer son comportement externe.
- Comment l’utiliser : Identifiez la portée (fichier, fonctionnalité ou base de code). Pour des fichiers spécifiques, demandez : « Refactoriser ce fichier pour plus de clarté et d’efficacité, mais ne pas altérer sa fonctionnalité ou sa sortie ». Spécifiez les domaines d’intervention comme la réduction de la duplication ou la simplification de la logique. Pour des refactorisations plus importantes, demandez à l’IA de planifier par étapes ou d’auditer le code d’abord.
- Types d’applications et fonctionnalités
- Planification stratégique avec l’IA
- Quand l’utiliser : Avant de commencer une implémentation complexe en plusieurs étapes, ou lorsque vous avez une grande fonctionnalité qui doit être décomposée. Les prompts de planification vous permettent de définir une approche avant que le code ne soit écrit, économisant des crédits et évitant les erreurs d’orientation.
- Comment l’utiliser : Demandez à l’IA un plan ou une liste de contrôle. Par exemple, « Décris un plan étape par étape pour X » ou « Avant de coder, liste les étapes que tu suivras pour implémenter Y ». Il est préférable de le faire en mode Discussion pour éviter l’exécution de code.