Effektive Prompts

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

  • Seien Sie konkret: Definieren Sie die Funktionen, Nutzerinteraktionen und Datenanforderungen Ihrer App klar. Fragen Sie nach bestimmten Technologien, sofern möglich. Wenn Sie beispielsweise eine Webanwendung mit 3D-Elementen erstellen möchten, können Sie Gemini bitten, three.js zu verwenden.
  • Nach zusätzlichen Aufgaben zum Einrichten von Diensten fragen:Mit Gemini können Sie Code für Ihre App schreiben, aber keine Dienste einrichten, APIs aktivieren oder Ressourcen bereitstellen (z. B. einen Cloud Storage-Bucket oder ein Stripe-Konto). Sagen Sie Gemini, dass es Ihnen auch sagen soll, wie Sie diese Dienste einrichten, wenn es Code für bestimmte Dienste schreibt.
  • Prompt mit Gemini 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 den Prompt zu optimieren.
  • Geben Sie Kontext an: Fügen Sie Hintergrundinformationen zum Zweck, zur Zielgruppe und zur gewünschten Nutzererfahrung Ihrer App hinzu.
  • Verwenden Sie Beispiele:Geben Sie nach Möglichkeit Beispiele dafür an, wie Nutzer mit der App interagieren 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 eine Funktion hinzu, testen Sie sie, optimieren Sie sie und fügen Sie dann eine weitere Funktion hinzu.

Wenn Sie diese Richtlinien befolgen, können Sie die Qualität und Relevanz der von Firebase Studio generierten App-Blueprints sowie den Erfolg beim Entfernen von Fehlern in Ihrer App erheblich verbessern.

Zusätzliche Prompts verwenden, um Antworten zu verfeinern

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 nennen:Geben Sie Beispiele dafür, wie Nutzer mit der App interagieren und welche Daten angezeigt werden sollen.
  • Keywords verwenden:Verwenden Sie Keywords, um die gewünschten Funktionen zu beschreiben, die das LLM der gewünschten Ausgabeklasse zuordnen soll. Sie können beispielsweise Material Design in einem Prompt verwenden, in dem Sie angeben, dass Ihre App den Designstandards von Google entsprechen soll.
  • Bestimmte Änderungen anfordern:Fordern Sie bestimmte Änderungen am generierten Code oder an der Vorlage an. Fügen Sie jede Funktionsanfrage in einer separaten Anfrage hinzu.
  • Das Modell um eine Begründung bitten:Wenn Sie nicht die gewünschten Ergebnisse erzielen, bitten Sie das Modell, die Aufforderung zu begründen. Sie könnten zum Beispiel sagen: „Denken Sie Schritt für Schritt vor. Ich möchte ein Eingabefeld für meine Aufgaben-App erstellen. Es sollte eine Schaltfläche „Aufgabe hinzufügen“ und eine Schaltfläche „Abbrechen“ enthalten.“

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

Beispiele für effektive Prompts für App-Entwürfe

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

Ein 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 eine Spiele-App 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 mithilfe von Chat in Ihrem Code-Arbeitsbereich oder in der App Prototyping agent Ihren Code zu debuggen.

Gemini kann zwar Code für Sie schreiben, aber manchmal auch Fehler verursachen. Wenn ein Fehler erkannt wird, wird versucht, ihn zu beheben. Wenn das Problem durch die Fehlermeldung nicht behoben werden kann, können Sie einige der folgenden Methoden ausprobieren:

  • Beschreiben Sie das Problem:Beschreiben Sie in der Chatoberfläche das Problem so klar und prägnant wie möglich. Gemini hat zwar möglicherweise Zugriff auf Kontext wie Fehlermeldungen und Protokolle, versteht aber möglicherweise nicht den gesamten Kontext. Wenn Sie das Verhalten zusammen mit der Fehlermeldung beschreiben, können wir GeminiFehler schneller beheben.

  • Konkrete Fragen stellen: Scheuen Sie sich nicht, Geminidirekte Fragen zu Ihrem Code zu stellen. Beispiel: „Was könnte die Ursache für eine Nullzeigerausnahme in dieser Funktion sein?“ oder „Wie kann ich diese Race-Condition verhindern?“

  • Komplexe Probleme in kleinere Teile zerlegen: Wenn Sie mit einem komplexen Problem konfrontiert sind, zerlegen Sie es in kleinere, überschaubare Teile. Bitten Sie Gemini, Ihnen bei der Fehlerbehebung für jeden Teil einzeln zu helfen und die Probleme Schritt für Schritt zu durchdenken.

  • Code-Abschnitte verwenden:Wenn Sie Code-Snippets teilen, verwenden Sie Code-Abschnitte, damit der Code richtig formatiert ist. Dadurch ist es für Gemini einfacher, Ihren Code zu lesen und zu verstehen.

  • Iterieren und optimieren: Gemini bietet möglicherweise nicht immer beim ersten Versuch die perfekte Lösung. Sehen Sie sich die Antworten an, stellen Sie Nachfragen und machen Sie bei Bedarf weitere Angaben.

  • Schleifen vermeiden:Wenn Gemini in einer Schleife stecken bleibt oder Ihre Frage nicht beantworten kann, versuchen Sie, den Prompt umzuformulieren oder zusätzlichen Kontext hinzuzufügen. Manchmal kann es schon helfen, die Frage umzuformulieren, damit Gemini versteht, was Sie fragen.

    Wenn das Problem durch eine Umformulierung des Prompts nicht behoben wird, versuchen Sie Folgendes:

    • Neuen Chat starten:Wenn Sie Gemini in Firebase Chat in Ihrem Code-Arbeitsbereich verwenden, starten Sie eine neue Chatsitzung, um den Kontext von Gemini zurückzusetzen. So können Sie eventuelle Missverständnisse oder Annahmen, die Gemini in der vorherigen Unterhaltung gemacht hat, ausräumen.

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

Nächste Schritte