Skuteczne prompty

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

  • Bądź konkretny(-a): jasno określ funkcje, interakcje użytkowników i wymagania dotyczące danych w aplikacji. Jeśli to możliwe, poproś o konkretne technologie. Jeśli na przykład chcesz utworzyć aplikację internetową z elementami 3D, możesz poprosić Gemini o użycie three.js.
  • Zapytaj o dodatkowe zadania związane z konfigurowaniem usług: Gemini może napisać kod aplikacji, ale nie może skonfigurować usług, włączyć interfejsów API ani udostępnić zasobów (takich jak zasobnik Cloud Storage czy konto Stripe). Pamiętaj, aby poinformować Gemini, że jeśli napisze kod dla konkretnych usług, ma też podać instrukcje ich konfigurowania.
  • Poproś o projekt w Firebase: jeśli poprosisz App Prototyping agent o pomoc w skonfigurowaniu usług Firebase, utworzy on projekt w Firebase w Twoim imieniu. Możesz na przykład zapytać: „Pomóż mi dodać Firestore” lub „Połącz moją aplikację z Firebase”.
  • Użyj Gemini do dopracowania promptu: użyj Gemini w Google, czatu z Gemini w widoku Code, lub innych powierzchni Gemini, aby dopracować i zoptymalizować prompt.
  • Podaj kontekst: podaj informacje o celu aplikacji, docelowych odbiorcach i oczekiwanych wrażeniach użytkowników.
  • Użyj przykładów: jeśli to możliwe, podaj przykłady interakcji użytkowników z aplikacją lub danych, które mają być wyświetlane.
  • Powtarzaj i ulepszaj: rozwijaj aplikację iteracyjnie. Zacznij od podstawowego żądania, a potem dodaj funkcję, przetestuj ją, dopracuj i dodaj kolejną funkcję.

Postępując zgodnie z tymi wskazówkami, możesz znacznie poprawić jakość i trafność planów aplikacji generowanych przez Firebase Studio oraz jej skuteczność podczas debugowania aplikacji.

Użyj dodatkowych promptów, aby dopracować odpowiedzi

Jeśli wstępne wyniki nie są zgodne z Twoimi oczekiwaniami, możesz dopracować 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 danych, które mają się w niej pojawiać.
  • Użyj słów kluczowych: użyj słów kluczowych, aby opisać funkcje lub możliwości, które chcesz uzyskać, a które LLM może powiązać z klasą oczekiwanych danych wyjściowych. Możesz na przykład użyć słów Material Design w prompcie, w którym wskazujesz, że chcesz, aby Twoja aplikacja była zgodna ze standardami projektowania Google.
  • Poproś o konkretne zmiany: poproś o konkretne zmiany w wygenerowanym kodzie lub planie. Każdą prośbę o dodanie funkcji umieść w osobnym żądaniu.
  • Poproś model o uzasadnienie: jeśli masz problem z uzyskaniem oczekiwanych wyników, poproś model o uzasadnienie promptu. Możesz na przykład powiedzieć: „Zastanów się krok po kroku. Chcę utworzyć okno do wprowadzania danych w aplikacji do zarządzania zadaniami. Powinno ono zawierać przycisk „Dodaj zadanie” i przycisk „Anuluj””.

Stosując te techniki, możesz iteracyjnie dopracowywać prompty, aby uzyskać oczekiwane wyniki.

Przykłady skutecznych promptów dotyczących planów aplikacji

Oto kilka przykładów skutecznych promptów dotyczących różnych typów aplikacji:

Prosty element ś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 zarządzania budżetem:

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 dotyczący aplikacji do gier z pomocą 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.

Wskazówki dotyczące debugowania

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

Gemini może pisać kod, ale czasami może też generować błędy. Gdy wykryje błąd, spróbuje go naprawić. Jeśli stwierdzisz, że nie jest w stanie rozwiązać problemu na podstawie komunikatu o błędzie, możesz wypróbować te techniki:

  • Opisz problem: w interfejsie czatu opisz problem tak jasno i zwięźle, jak to możliwe. Gemini może mieć dostęp do kontekstu, takiego jak komunikaty o błędach i logi, ale może nie rozumieć pełnego kontekstu. Opisanie zachowania wraz z komunikatem o błędzie może pomóc Gemini szybciej naprawić błędy.

  • Zadawaj konkretne pytania: nie bój się zadawać Gemini bezpośrednich pytań dotyczących kodu. Na przykład: „Co może powodować wyjątek wskaźnika o wartości null w tej funkcji?” lub „Jak mogę zapobiec tej sytuacji wyścigu?”

  • Dziel złożone problemy: jeśli masz do czynienia ze złożonym problemem, podziel go na mniejsze, łatwiejsze do zarządzania części. Poproś Gemini o pomoc w debugowaniu każdej części osobno i rozwiązywaniu problemów krok po kroku.

  • Używaj bloków kodu: podczas udostępniania fragmentów kodu używaj bloków kodu, aby zapewnić prawidłowe formatowanie kodu. Ułatwi to Gemini odczytanie i zrozumienie kodu.

  • Powtarzaj i ulepszaj: Gemini nie zawsze może podać idealne rozwiązanie za pierwszym razem. Sprawdź odpowiedzi, zadaj pytania wyjaśniają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, o co pytasz.

    Jeśli przeformułowanie promptu nie rozwiąże problemu z pętlą, wypróbuj te techniki:

    • Rozpocznij nowy czat: jeśli używasz czatu Gemini w obszarze roboczym Code , rozpocznij nową sesję czatu, aby zresetować kontekst Gemini. Może to pomóc w pozbyciu się błędnych przekonań lub założeń, które Gemini mogło przyjąć w poprzedniej rozmowie.

    • Podaj kontrprzykłady: jeśli Gemini przyjmuje nieprawidłowe założenia, podaj kontrprzykłady, aby pomóc mu zrozumieć prawidłowe zachowanie.

Dalsze kroki