Skuteczne prompty

Skuteczność szablonu aplikacji i jakość wygenerowanego kodu zależą od przejrzystości i szczegółowości promptów. Podczas generowania i debugowania aplikacji korzystających z elementu App Prototyping agent pamiętaj o tych wskazówkach dotyczących skutecznego wyświetlania promptów:

  • Bądź konkretny: jasno określ funkcje, interakcje z użytkownikiem i wymagania dotyczące danych aplikacji. W miarę możliwości poproś o konkretne technologie. Jeśli na przykład próbujesz utworzyć aplikację internetową z elementami 3D, możesz poprosić Gemini o użycie three.js.
  • Zapytanie o dodatkowe czynności związane z konfigurowaniem usług: Gemini może pisać kod dla Twojej aplikacji, ale nie może konfigurować usług, włączać interfejsów API ani udostępniać zasobów (takich jak zasobnik Cloud Storage czy konto Stripe). Pamiętaj, aby poinformować Gemini, że jeśli pisze kod dla określonych usług, powinien też podać Ci informacje o sposobie ich konfiguracji.
  • Użyj Gemini, aby dopracować prompt: Gemini w Google, porozmawiaj z Gemini w Firebase w widoku Code lub na innych Gemini powierzchniach, aby dopracować i zoptymalizować prompt.
  • Podaj kontekst: podaj informacje o celu, docelowych odbiorcach i pożądanym doświadczeniu użytkownika.
  • Używanie przykładów: jeśli to możliwe, podaj przykłady interakcji użytkowników z aplikacją lub dane, które powinny być wyświetlane.
  • Powtarzaj i doskonal: do pracy nad rozwojem podchodź iteracyjnie. Zacznij od prostego żądania, a potem dodaj funkcję, przetestuj ją, udoskonalaj i dodawaj kolejne funkcje.

Dzięki przestrzeganiu tych wytycznych możesz znacznie poprawić jakość i trafność szablonów aplikacji wygenerowanych przez Firebase Studio oraz skuteczność debugowania aplikacji.

Używanie dodatkowych promptów do doprecyzowania odpowiedzi

Jeśli początkowe wyniki nie są zadowalające, możesz dostosować prompty, dodając więcej szczegółów lub podając konkretne instrukcje:

  • Dodaj ograniczenia: określ ograniczenia dotyczące interfejsu, modelu danych lub funkcji.
  • Podaj przykłady: podaj przykłady interakcji użytkowników z aplikacją i dane, które powinny się wyświetlać.
  • Używanie słów kluczowych: za pomocą słów kluczowych opisz funkcje lub możliwości, które chcesz, aby LLM przypisał do odpowiedniej klasy danych wyjściowych. Możesz na przykład użyć projektu Material Design w prośbie, w której wskazujesz, że chcesz, aby Twoja aplikacja była zgodna ze standardami Google.
  • Poproś o określone zmiany: poproś o określone zmiany w wygenerowanym kodzie lub pliku blueprint. Dodaj każde żądanie funkcji w osobnym żądaniu.
  • Poproś model o wyjaśnienie: jeśli masz problem z uzyskaniem pożądanych wyników, poproś model o wyjaśnienie promptu. Możesz na przykład powiedzieć „Myśl krok po kroku. Chcę utworzyć pole tekstowe w aplikacji do zarządzania zadaniami. Powinno ono zawierać przycisk „Dodaj zadanie” i przycisk „Anuluj”.

Stosując te techniki, możesz stopniowo ulepszać prompty, aby uzyskać pożądane wyniki.

Przykłady skutecznych promptów do szablonów aplikacji

Oto kilka przykładów skutecznych promptów w różnych typach aplikacji:

Prosty moduł śledzenia zadań:

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.

Aplikacja do planowania wydatków:

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.

Prośba o pomoc w aplikacji do gier (Markdown):Gemini

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.

Wskazówki dotyczące debugowania

Możesz używać Gemini w Firebase, aby debugować kod za pomocą czatu w obszarze roboczym Code lub w App Prototyping agent.

Chociaż Gemini może pisać kod za Ciebie, może też czasami generować błędy. Gdy wykryje błąd, spróbuje go naprawić. Jeśli okaże się, że nie możesz rozwiązać problemu na podstawie komunikatu o błędzie, wypróbuj te techniki:

  • Opisz problem: w interfejsie czatu opisz problem, z którym się spotykasz, w sposób jak najprostszy i zwięzły. Chociaż Gemini może mieć dostęp do kontekstu, np. komunikatów o błędach i dzienników, może nie rozumieć pełnego kontekstu. Opisanie zachowania wraz z komunikatem o błędzie może pomóc Geminiszybciej rozwiązać problem.

  • Zadaj konkretne pytania: nie bój się zadawać Geminibezpośrednich pytań dotyczących kodu. Na przykład „Co może powodować wyjątek null pointer w tej funkcji?” lub „Jak zapobiec tej kolizji?”

  • Podziel skomplikowane problemy na mniejsze części: jeśli masz do czynienia ze skomplikowanym problemem, podziel go na mniejsze, łatwiejsze do rozwiązania części. Poproś o pomoc Gemini, aby debugować każdą część osobno i rozwiązywać problemy krok po kroku.

  • Używaj nawiasów kodu: udostępniając fragmenty kodu, używaj nawiasów kodu, aby mieć pewność, że kod ma prawidłowy format. Dzięki temu Gemini łatwiej odczyta i zrozumie Twój kod.

  • Powtarzaj i doskonal: Gemini może nie zawsze znaleźć najlepszego rozwiązania za pierwszym razem. Sprawdź odpowiedzi, zadaj pytania uściślające i w razie potrzeby podaj dodatkowe informacje.

  • Unikaj pętli promptów: jeśli Gemini utknie w pętli lub nie będzie w stanie odpowiedzieć na Twoje pytanie, spróbuj przeformułować prompt lub podać dodatkowy kontekst. Czasami wystarczy zmienić sformułowanie pytania, aby Gemini zrozumiał, o co Ci chodzi.

    Jeśli zmiana sformułowania prompta nie rozwiąże problemu z błędnym pętlą, wypróbuj te techniki:

    • Rozpocznij nowy czat: jeśli korzystasz z Gemini w czacie Firebase w Workspace Code, rozpocznij nową sesję czatu, aby zresetować kontekst Gemini. Pomoże to wyeliminować wszelkie błędne założenia lub założenia Gemini, które mogły zostać przyjęte w poprzedniej rozmowie.

    • Podaj przykłady sprzeczne: jeśli Gemini wyciąga błędne wnioski, podaj przykłady sprzeczne, aby pomóc mu zrozumieć prawidłowe działanie.

Dalsze kroki