Effektive Prompts

Die Effektivität Ihres App-Blueprints und die Qualität des generierten Codes hängen von der Klarheit und Detailtiefe Ihrer Prompts ab. Wenn Sie den App Prototyping agent verwenden, beachten Sie die folgenden Richtlinien für effektive Prompts beim Generieren und Debuggen von Apps:

  • Seien Sie spezifisch: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.
  • Fragen Sie nach zusätzlichen Aufgaben zum Einrichten von Diensten: Gemini kann 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). Teilen Sie Gemini mit, dass es Ihnen auch mitteilen soll, wie Sie diese Dienste einrichten, wenn es Code für bestimmte Dienste schreibt.
  • Firebase-Projekt anfordern: Wenn Sie den App Prototyping agent bitten, Ihnen beim Einrichten von Firebase-Diensten zu helfen, wird in Ihrem Namen ein Firebase-Projekt bereitgestellt. Sie können beispielsweise fragen: „Hilf mir, Firestore hinzuzufügen“ oder „Verbinde meine App mit Firebase“.
  • Prompt mit Gemini optimieren: Verwenden Sie Gemini für Google, chatten Sie mit Gemini in der Code Ansicht oder nutzen 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. Sie können mit einer einfachen Anfrage beginnen, dann eine Funktion hinzufügen, sie testen, optimieren und dann eine weitere Funktion hinzufügen.

Wenn Sie diese Richtlinien befolgen, können Sie die Qualität und Relevanz der von Firebase Studio generierten App-Blueprints und den Erfolg 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 weitere Details hinzufügen oder spezifische Anweisungen geben:

  • Einschränkungen hinzufügen:Geben Sie Einschränkungen für die UI, das Datenmodell oder die Funktionen an.
  • Beispiele angeben:Geben Sie Beispiele dafür an, wie Nutzer mit der App interagieren sollen und welche Daten angezeigt werden sollen.
  • Keywords verwenden:Verwenden Sie Keywords, um die gewünschten Funktionen oder Möglichkeiten zu beschreiben, die das LLM mit der gewünschten Ausgabeklasse verknüpfen könnte. Sie können beispielsweise Material Design in einem Prompt verwenden, in dem Sie angeben, dass Ihre App den Designstandards von Google entsprechen soll.
  • Spezifische Änderungen anfordern:Fordern Sie spezifische Änderungen am generierten Code oder Blueprint an. Fügen Sie jeden Feature Request in einer separaten Anfrage hinzu.
  • Das Modell zur Begründung auffordern:Wenn Sie Schwierigkeiten haben, die gewünschten Ergebnisse zu erzielen, bitten Sie das Modell, den Prompt zu begründen. Sie können beispielsweise sagen: „Detaillierte Anleitung Ich möchte ein Eingabefeld für meine Aufgaben-App erstellen. Es soll einen Button zum Hinzufügen von Aufgaben und einen Button zum 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-Blueprints

Hier 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 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 zum Debuggen

Sie können Gemini verwenden, um Ihren Code zu debuggen. Nutzen Sie dazu den Chat in Ihrem Code Arbeitsbereich oder den App Prototyping agent.

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

  • Problem beschreiben:Beschreiben Sie das Problem in der Chat-Oberfläche so klar und präzise 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.

  • Spezifische Fragen stellen: Scheuen Sie sich nicht, Gemini direkte Fragen zu Ihrem Code zu stellen. Beispiele: „Was könnte eine NullPointerException in dieser Funktion verursachen?“ oder „Wie kann ich diese Race-Bedingung verhindern?“

  • Komplexe Probleme aufteilen:Wenn Sie ein komplexes Problem haben, teilen Sie es in kleinere, übersichtlichere Teile auf. Bitten Sie Gemini um Hilfe beim Debuggen der einzelnen Teile und denken Sie Schritt für Schritt über Probleme nach.

  • Codeblöcke verwenden:Wenn Sie Code-Snippets freigeben, verwenden Sie Codeblöcke, damit der Code richtig formatiert wird. So kann Gemini Ihren Code leichter lesen und verstehen.

  • Iterieren und optimieren: Gemini liefert möglicherweise nicht immer beim ersten Versuch die perfekte Lösung. Prüfen Sie die Antworten, stellen Sie klärende Fragen und geben Sie bei Bedarf zusätzliche Informationen an.

  • Prompts in Schleifen vermeiden:Wenn Gemini in einer Schleife hängen bleibt oder Ihre Frage nicht beantworten kann, formulieren Sie Ihren Prompt neu oder geben Sie zusätzlichen Kontext an. Manchmal kann es helfen, die Frage einfach umzuformulieren, damit Gemini versteht, was Sie fragen.

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

    • Neuen Chat starten: Wenn Sie den Gemini -Chat in Ihrem Code -Arbeitsbereich verwenden, starten Sie eine neue Chatsitzung, um den Kontext von Gemini zurückzusetzen. So können Sie alle falschen Vorstellungen oder Annahmen beseitigen, die Gemini im vorherigen Gespräch getroffen hat.

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

Nächste Schritte