Requêtes efficaces

L'efficacité du plan de votre application et la qualité du code généré dépendent de la clarté et du niveau de détail de vos requêtes. Lorsque vous utilisez App Prototyping agent, tenez compte des consignes suivantes pour créer des requêtes efficaces lorsque vous générez et déboguez des applications :

  • Soyez précis : définissez clairement les fonctionnalités, les interactions utilisateur et les exigences de données de votre application. Demandez des technologies spécifiques, si possible. Par exemple, si vous essayez de créer une application Web avec des éléments 3D, vous pouvez demander à Gemini d'utiliser three.js.
  • Demandez-lui d'effectuer des tâches supplémentaires pour configurer des services : Gemini peut écrire du code pour votre application, mais il ne peut pas configurer de services, activer des API ni provisionner des ressources (comme un bucket Cloud Storage ou un compte Stripe). Veillez à indiquer à Gemini que s'il écrit du code pour des services spécifiques, il doit également vous expliquer comment configurer ces services.
  • Utilisez Gemini pour affiner votre requête : utilisez Gemini pour Google, discuter avec Gemini dans Firebase en mode Code ou d'autres surfaces Gemini pour affiner et optimiser votre requête.
  • Donnez du contexte : incluez des informations générales sur l'objectif de votre application, son audience cible et l'expérience utilisateur que vous souhaitez proposer.
  • Exemples d'utilisation : si possible, fournissez des exemples de la façon dont les utilisateurs doivent interagir avec l'application ou des données qui doivent être affichées.
  • Itérez et affinez : adoptez une approche de développement itérative. Envisagez de commencer par une requête de base, puis d'ajouter une fonctionnalité, de la tester, de l'affiner, puis d'ajouter une autre fonctionnalité.

En suivant ces consignes, vous pouvez améliorer considérablement la qualité et la pertinence des plans d'application générés par Firebase Studio, ainsi que son efficacité lors du débogage de votre application.

Utiliser des requêtes supplémentaires pour affiner les réponses

Si les premiers résultats ne sont pas ceux que vous attendiez, vous pouvez affiner vos requêtes en ajoutant plus de détails ou en fournissant des instructions spécifiques :

  • Ajouter des contraintes : spécifiez des contraintes sur l'UI, le modèle de données ou les fonctionnalités.
  • Fournissez des exemples : indiquez comment les utilisateurs doivent interagir avec l'application et quelles données doivent s'afficher.
  • Utilisez des mots clés : utilisez des mots clés pour décrire les fonctionnalités ou les capacités que vous souhaitez et que le LLM pourrait associer à la classe de résultats que vous souhaitez. Par exemple, vous pouvez utiliser Material Design dans une requête pour indiquer que vous souhaitez que votre application respecte les normes de conception de Google.
  • Demander des modifications spécifiques : demandez des modifications spécifiques au code ou au plan généré. Ajoutez chaque demande de fonctionnalité dans une requête distincte.
  • Demandez au modèle de raisonner : si vous ne parvenez pas à obtenir les résultats souhaités, demandez au modèle de raisonner à partir de la requête. Par exemple, vous pouvez dire "Réfléchis étape par étape. Je souhaite créer une zone de saisie pour mon application de tâches. Elle doit contenir un bouton "Ajouter une tâche" et un bouton "Annuler"."

En utilisant ces techniques, vous pouvez affiner vos requêtes de manière itérative pour obtenir les résultats souhaités.

Exemples de requêtes efficaces pour les plans d'application

Voici quelques exemples de requêtes efficaces pour différents types d'applications :

Outil de suivi des tâches simple :

Create a simple web app that displays a list of to-do items.
Users should be able to add new items to the list and mark items as complete.
Provide a way to delete items and export the list as a text file.
Use a clean and modern UI using Google Material Design principles.

Application de budgétisation :

A budgeting and expense tracking app with spending categories, charts, and
budget goals. Include a clean dashboard with key insights. It should include
spending categories, charts, and budget goals. The app should allow users to
manually add expenses or upload csv files. The app should also allow users to
upload receipts, then use AI to convert the receipt into an expense entry that
users can edit. Data should be stored in browser cache, with download and
delete options.

Requête pour une application de jeu avec l'aide de Gemini (Markdown) :

Generate a delightful sliding number puzzle game (15-puzzle) with Javascript,
HTML, and CSS.

- **Setup:** Create a 4x4 grid with numbers 1-15 and one empty space. Use a
  **solvable shuffling algorithm** to randomize the start.
- **Gameplay:** Allow clicking tiles **adjacent to the empty space** to slide
  them. Count and display the number of moves.
- **Timer:** Include a **countdown timer** starting at **120 seconds**
  (2 minutes).
- **End Conditions:**
    - If solved (numbers 1-15 in order): Alert with an encouraging winning
      statement generated by AI.
    - If timer reaches 0: Alert with a funny retort generated by AI.

Conseils de débogage

Vous pouvez utiliser Gemini dans Firebase pour vous aider à déboguer votre code avec le chat dans votre espace de travail Code ou dans App Prototyping agent.

Bien que Gemini puisse écrire du code pour vous, il peut parfois produire des erreurs. Lorsqu'il détecte une erreur, il tente de la corriger. Si vous constatez qu'il n'est pas en mesure de résoudre le problème en fonction du message d'erreur, vous pouvez essayer les techniques suivantes :

  • Décrivez le problème : dans l'interface de chat, décrivez le problème que vous rencontrez de la manière la plus claire et concise possible. Bien que Gemini puisse avoir accès à des informations contextuelles telles que les messages d'erreur et les journaux, il est possible qu'il ne comprenne pas l'intégralité du contexte. Décrire le comportement ainsi que le message d'erreur peut aider Gemini à résoudre les erreurs plus rapidement.

  • Posez des questions spécifiques : n'hésitez pas à poser des questions directes à Gemini sur votre code. Par exemple, "Quelles pourraient être les causes d'une exception de pointeur nul dans cette fonction ?" ou "Comment puis-je éviter cette condition de concurrence ?"

  • Décomposez les problèmes complexes : si vous rencontrez un problème complexe, divisez-le en parties plus petites et plus faciles à gérer. Demandez à Gemini de vous aider à déboguer chaque partie séparément et à réfléchir aux problèmes étape par étape.

  • Utilisez des barrières de code : lorsque vous partagez des extraits de code, utilisez des barrières de code pour vous assurer que le code est correctement mis en forme. Cela permet à Gemini de lire et de comprendre plus facilement votre code.

  • Répétez et affinez : Gemini ne fournit pas toujours la solution idéale du premier coup. Examinez les réponses, posez des questions pour obtenir des précisions et fournissez des informations supplémentaires si nécessaire.

  • Évitez les boucles de requêtes : si Gemini est bloqué dans une boucle ou ne parvient pas à répondre à votre question, essayez de reformuler votre requête ou de fournir plus de contexte. Parfois, il suffit de reformuler votre question pour aider Gemini à comprendre ce que vous demandez.

    Si reformuler votre requête ne résout pas le problème de boucle, essayez les techniques suivantes :

    • Démarrer une nouvelle discussion : si vous utilisez Gemini dans Firebase de votre espace de travail Code, démarrez une nouvelle session de discussion pour réinitialiser le contexte de Gemini. Cela peut vous aider à vous libérer de toute idée fausse ou hypothèse que Gemini aurait pu faire lors de la conversation précédente.

    • Fournissez des contre-exemples : si Gemini fait des hypothèses incorrectes, fournissez des contre-exemples pour l'aider à comprendre le bon comportement.

Étapes suivantes