Skuteczne prompty

Skuteczność planu aplikacji i jakość wygenerowanego kodu zależą od przejrzystości i szczegółowości promptów. Podczas korzystania z App Prototyping agent weź pod uwagę te wskazówki dotyczące skutecznego promptowania podczas generowania i debugowania aplikacji:

  • Podaj szczegóły: jasno określ funkcje, interakcje użytkowników i wymagania dotyczące danych w aplikacji. W miarę możliwości 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 konfigurować usług, włączać interfejsów API ani udostępniać zasobów (takich jak zasobnik Cloud Storage czy konto Stripe). Pamiętaj, aby poprosić Gemini o podanie instrukcji konfigurowania usług, dla których pisze kod.
  • Poproś o projekt w Firebase: jeśli poprosisz App Prototyping agent o pomoc w skonfigurowaniu usług Firebase, udostępni on projekt w Firebase w Twoim imieniu. Możesz na przykład poprosić o pomoc w dodaniu Firestore lub połączeniu aplikacji z Firebase.
  • Użyj Gemini, aby doprecyzować prompt: użyj Gemini for Google, czatu z Gemini w widoku Code lub innych platform Gemini, aby doprecyzować i zoptymalizować prompt.
  • Podaj kontekst: podaj podstawowe informacje o celu aplikacji, docelowych odbiorcach i wrażeniach, jakie chcesz zapewnić użytkownikom.
  • Używaj przykładów: jeśli to możliwe, podaj przykłady tego, jak użytkownicy powinni korzystać z aplikacji lub jakie dane powinny być wyświetlane.
  • Iteruj i ulepszaj: rozwijaj aplikację iteracyjnie. Zacznij od podstawowej prośby, a następnie dodaj funkcję, przetestuj ją, ulepsz i dodaj kolejną.

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

użyć dodatkowych promptów, aby ulepszyć odpowiedzi;

Jeśli początkowe wyniki nie są takie, jakich oczekujesz, możesz doprecyzować 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 korzystać z aplikacji i jakie dane powinny się wyświetlać.
  • Używaj słów kluczowych: używaj słów kluczowych do opisywania funkcji lub możliwości, które chcesz uzyskać, a które LLM może powiązać z klasą danych wyjściowych, których oczekujesz. Możesz na przykład użyć 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 wprowadzenie konkretnych zmian w wygenerowanym kodzie lub schemacie. Każdą prośbę o dodanie funkcji przesyłaj osobno.
  • Poproś model o wyjaśnienie: jeśli masz problem z uzyskaniem oczekiwanych wyników, poproś model o wyjaśnienie prompta. Możesz na przykład powiedzieć: „Myśl krok po kroku. Chcę utworzyć pole wejściowe dla mojej aplikacji do zadań. Powinno ono zawierać przycisk „Dodaj zadanie” i przycisk „Anuluj”.

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

Przykłady skutecznych promptów do tworzenia blueprintów aplikacji

Oto kilka przykładów skutecznych promptów dla 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żywać 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ż popełniać błędy. Gdy wykryje błąd, spróbuje go naprawić. Jeśli okaże się, ż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, który wystąpił, tak jasno i zwięźle, jak to możliwe. Gemini może mieć dostęp do kontekstu, takiego jak komunikaty o błędach i dzienniki, 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?”.

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

  • Używaj bloków kodu: podczas udostępniania fragmentów kodu używaj bloków kodu, aby zapewnić jego prawidłowe sformatowanie. Dzięki temu Gemini łatwiej odczyta i zrozumie Twój kod.

  • Ulepszaj i poprawiaj: Gemini może nie zawsze od razu podać idealne rozwiązanie. Przejrzyj 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 przeformułować pytanie, aby Gemini zrozumiała, o co pytasz.

    Jeśli zmiana sformułowania prompta 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 mógł 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 działanie.

Dalsze kroki