Effektive Prompts

Die Effektivität Ihres App-Konzepts und die Qualität des generierten Codes hängen von der Klarheit und den Details Ihrer Prompts ab. Beachten Sie bei der Verwendung von App Prototyping agent die folgenden Richtlinien für effektive Prompts beim Generieren und Debuggen von Apps:

  • Seien Sie konkret:Definieren Sie die Funktionen, Nutzerinteraktionen und Datenanforderungen Ihrer App klar. Fragen Sie nach Möglichkeit nach bestimmten Technologien. Wenn Sie beispielsweise eine Web-App mit 3D-Elementen erstellen möchten, können Sie Gemini bitten, three.js zu verwenden.
  • Zusätzliche Aufgaben zum Einrichten von Diensten anfordern:Gemini kann Code für Ihre App schreiben, aber keine Dienste einrichten, APIs aktivieren oder Ressourcen (z. B. einen Cloud Storage-Bucket oder ein Stripe-Konto) bereitstellen. Weisen Sie Gemini darauf hin, dass es Ihnen bei der Erstellung von Code für bestimmte Dienste auch mitteilen soll, wie Sie diese Dienste einrichten.
  • Gemini verwenden, um den Prompt zu optimieren:Verwenden Sie Gemini für Google, chatten Sie mit Gemini in Firebase in der Code-Ansicht oder verwenden Sie andere Gemini-Oberflächen, um Ihren Prompt zu optimieren.
  • Kontext bereitstellen:Geben Sie Hintergrundinformationen zum Zweck Ihrer App, zur Zielgruppe und zur gewünschten Nutzererfahrung an.
  • Beispiele verwenden:Geben Sie nach Möglichkeit Beispiele dafür an, wie Nutzer mit der App interagieren sollen oder welche Daten angezeigt werden sollen.
  • Iterieren und optimieren:Gehen Sie bei der Entwicklung iterativ vor. Beginnen Sie mit einer einfachen Anfrage, fügen Sie dann ein Feature hinzu, testen Sie es, optimieren Sie es und fügen Sie dann ein weiteres Feature hinzu.

Wenn Sie diese Richtlinien befolgen, können Sie die Qualität und Relevanz der von Firebase Studio generierten App-Blaupausen sowie die Erfolgsrate beim Debuggen Ihrer App erheblich verbessern.

Zusätzliche Prompts verwenden, um Antworten zu optimieren

Wenn die ersten Ergebnisse nicht Ihren Erwartungen entsprechen, können Sie Ihre Prompts optimieren, indem Sie mehr Details hinzufügen oder spezifische Anweisungen geben:

  • Einschränkungen hinzufügen:Geben Sie Einschränkungen für die Benutzeroberfläche, das Datenmodell oder die Funktionen an.
  • Beispiele angeben:Geben Sie Beispiele dafür an, wie Nutzer mit der App interagieren sollten und welche Daten angezeigt werden sollen.
  • Keywords verwenden:Verwenden Sie Keywords, um die Funktionen oder Möglichkeiten zu beschreiben, die Sie sich wünschen und die das LLM möglicherweise mit der gewünschten Art von Ausgabe in Verbindung bringt. Sie können beispielsweise Material Design in einem Prompt verwenden, um anzugeben, dass Ihre App den Designstandards von Google entsprechen soll.
  • Bestimmte Änderungen anfordern:Sie können bestimmte Änderungen am generierten Code oder Blueprint anfordern. Fügen Sie jede Funktionsanfrage in einer separaten Anfrage hinzu.
  • Das Modell um eine Begründung bitten:Wenn Sie Schwierigkeiten haben, die gewünschten Ergebnisse zu erhalten, bitten Sie das Modell, die Eingabeaufforderung zu begründen. Sie könnten zum Beispiel sagen: „Denke Schritt für Schritt. Ich möchte ein Eingabefeld für meine Aufgaben-App erstellen. Es soll eine Schaltfläche „Aufgabe hinzufügen“ und eine Schaltfläche „Abbrechen“ enthalten.“

Mit diesen Techniken können Sie Ihre Prompts iterativ verfeinern, um die gewünschten Ergebnisse zu erzielen.

Beispiele für effektive Prompts für App-Blaupausen

Hier sind einige Beispiele für effektive Prompts für verschiedene Arten von Apps:

Einfacher Aufgaben-Tracker:

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.

Budget-App:

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.

Prompt für Gaming-Apps mit Unterstützung von 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.

Tipps zur Fehlerbehebung

Sie können Gemini in Firebase verwenden, um Ihren Code mit Chat in Ihrem Code-Arbeitsbereich oder in App Prototyping agent zu debuggen.

Gemini kann zwar Code für Sie schreiben, aber es kann auch zu Fehlern kommen. Wenn ein Fehler erkannt wird, wird versucht, ihn zu beheben. Wenn das Problem anhand der Fehlermeldung nicht behoben werden kann, können Sie Folgendes versuchen:

  • Problem beschreiben:Beschreiben Sie das Problem, das Sie haben, in der Chatoberfläche so klar und prägnant wie möglich. Gemini hat möglicherweise Zugriff auf Kontext wie Fehlermeldungen und Protokolle, versteht aber möglicherweise nicht den vollständigen Kontext. Wenn Sie das Verhalten zusammen mit der Fehlermeldung beschreiben, kann Gemini Fehler schneller beheben.

  • Konkrete Fragen stellen:Scheuen Sie sich nicht, Gemini direkte Fragen zu Ihrem Code zu stellen. Beispiele: „What could be causing a null pointer exception in this function?“ (Was könnte eine Nullzeiger-Ausnahme in dieser Funktion verursachen?) oder „How can I prevent this race condition?“ (Wie kann ich diese Race Condition verhindern?).

  • Komplexe Probleme aufschlüsseln:Wenn Sie es mit einem komplexen Problem zu tun haben, zerlegen Sie es in kleinere, übersichtlichere Teile. Bitten Sie Gemini, Ihnen bei der separaten Fehlerbehebung für die einzelnen Teile zu helfen und Probleme Schritt für Schritt zu durchdenken.

  • Code-Fences verwenden:Wenn Sie Code-Snippets teilen, verwenden Sie Code-Fences, damit der Code richtig formatiert wird. So kann Gemini Ihren Code leichter lesen und verstehen.

  • Wiederholen und verfeinern:Gemini liefert möglicherweise nicht immer beim ersten Versuch die perfekte Lösung. Sehen Sie sich die Antworten an, stellen Sie bei Bedarf klärende Fragen und geben Sie zusätzliche Informationen an.

  • Schleifen vermeiden:Wenn Gemini in einer Schleife hängen bleibt oder Ihre Frage nicht beantworten kann, versuchen Sie, den Prompt umzuformulieren oder zusätzlichen Kontext anzugeben. Manchmal reicht es schon, die Frage umzuformulieren, damit Gemini versteht, was Sie fragen.

    Wenn das Problem durch eine Umformulierung des Prompts nicht behoben wird, versuchen Sie es mit den folgenden Techniken:

    • Neuen Chat starten:Wenn Sie Gemini in einem Firebase-Chat in Ihrem Code-Arbeitsbereich verwenden, starten Sie eine neue Chatsitzung, um den Kontext von Gemini zurückzusetzen. So können Sie sich von allen Missverständnissen oder Annahmen befreien, die Gemini im vorherigen Gespräch getroffen hat.

    • Gegenbeispiele angeben:Wenn Gemini falsche Annahmen trifft, geben Sie Gegenbeispiele an, damit das Modell das richtige Verhalten versteht.

Nächste Schritte