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 prompts. Lorsque vous utilisez App Prototyping agent, tenez compte des consignes suivantes pour créer des requêtes efficaces lors de la génération et du débogage d'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.
  • Renseignez-vous sur les tâches supplémentaires à effectuer pour configurer les services : Gemini peut écrire du code pour votre application, mais ne peut pas configurer de services, activer d'API ni provisionner de ressources (comme un bucket Cloud Storage ou un compte Stripe). N'oubliez pas de dire à Gemini que s'il écrit du code pour des services spécifiques, il doit également vous indiquer comment configurer ces services.
  • Demander un projet Firebase : si vous demandez à l'App Prototyping agent de vous aider à configurer les services Firebase, il provisionnera un projet Firebase en votre nom. Par exemple, vous pouvez demander "Aide-moi à ajouter Firestore" ou "Connecte mon application à Firebase".
  • Utilisez Gemini pour affiner votre requête : utilisez Gemini pour Google, discutez avec Gemini dans la vue Code ou utilisez d'autres surfaces Gemini pour affiner et optimiser votre requête.
  • Fournissez 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.
  • Utilisez des exemples : si possible, fournissez des exemples d'interactions des utilisateurs avec l'application ou de données à afficher.
  • Itérez et affinez : abordez votre développement de manière 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 et son efficacité lors du débogage de votre application.

Utiliser des prompts supplémentaires pour affiner les réponses

Si les résultats initiaux ne correspondent pas à vos attentes, vous pouvez affiner vos prompts en ajoutant des 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 : donnez des exemples d'interactions des utilisateurs avec l'application et de données qui 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 que le LLM associe à la classe de sortie souhaitée. Par exemple, vous pouvez utiliser Material Design dans une requête où vous indiquez 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 avez du mal à obtenir les résultats souhaités, essayez de demander au modèle de raisonner à l'aide de la requête. Par exemple, vous pouvez dire "Réfléchis étape par étape. Je veux créer un champ de saisie pour mon application de tâches. Il 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 prompts efficaces pour les plans d'application

Voici quelques exemples de prompts 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 d'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 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 ne parvient pas à résoudre le problème en fonction du message d'erreur, vous pouvez essayer l'une des techniques suivantes :

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

  • Posez des questions spécifiques : n'hésitez pas à poser des questions directes sur votre code à Gemini. Par exemple, "Qu'est-ce qui pourrait provoquer 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 êtes confronté à un problème complexe, décomposez-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 blocs de code : lorsque vous partagez des extraits de code, utilisez des blocs de code pour vous assurer que le code est correctement formaté. Il est ainsi plus facile pour Gemini de lire et de comprendre votre code.

  • Répétez et affinez : Gemini ne fournit pas toujours la solution parfaite du premier coup. Examinez les réponses, posez des questions de clarification 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 un contexte supplémentaire. Parfois, il suffit de reformuler votre question pour que Gemini comprenne ce que vous demandez.

    Si la reformulation de votre requête ne résout pas la boucle, essayez les techniques suivantes :

    • Démarrez une nouvelle discussion : si vous utilisez le chat Gemini dans votre espace de travail Code, démarrez une nouvelle session de chat pour réinitialiser le contexte de Gemini. Cela peut aider à se libérer des idées fausses ou des hypothèses que Gemini a pu formuler 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 comportement correct.

Étapes suivantes