Skuteczne prompty

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

  • Bądź konkretny: jasno określ funkcje, interakcje z użytkownikiem i wymagania dotyczące danych w aplikacji. Jeśli to możliwe, 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 Code lub na innych Gemini platformach, aby dopracować i zoptymalizować prompt.
  • Podaj kontekst: podaj informacje o celu, docelowych odbiorcach i pożądanej interakcji z użytkownikiem.
  • 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ź krok po kroku. Zacznij od prostego zapytania, 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 tego, jak użytkownicy powinni wchodzić w interakcje z aplikacją i jakie dane 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 jego rozumowania: jeśli masz problem z uzyskaniem pożądanych wyników, poproś model o wyjaśnienie jego rozumowania. 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”.

Dzięki tym technikom możesz stopniowo ulepszać prompty, aby uzyskiwać pożądane wyniki.

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

Oto kilka przykładów skutecznych promptów w przypadku różnych typów 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, czasami może też 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 metody:

  • 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 uniknąć 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 Geminizrozumiał, 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