Skuteczne prompty

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

  • Podaj szczegóły: jasno określ funkcje, interakcje użytkowników i wymagania dotyczące danych w Twojej 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 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, powinna też podać instrukcje ich konfigurowania.
  • Używaj Gemini, aby doprecyzować prompt: używaj Gemini w Google, czatuj z Gemini w Firebase w Code widoku lub na innych platformach Gemini, aby doprecyzować i zoptymalizować prompt.
  • Podaj kontekst: dodaj informacje o celu aplikacji, docelowych odbiorcach i oczekiwanej wygodzie użytkowników.
  • Przykłady użycia: jeśli to możliwe, podaj przykłady interakcji użytkowników z aplikacją lub dane, które powinny być wyświetlane.
  • Iteracyjne udoskonalanie: podchodź do tworzenia iteracyjnie. Zacznij od podstawowej prośby, a potem dodaj funkcję, przetestuj ją, dopracuj, a następnie dodaj kolejną funkcję.

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

Używanie dodatkowych promptów do doprecyzowywania odpowiedzi

Jeśli początkowe wyniki nie są zgodne z Twoimi oczekiwaniami, możesz doprecyzować prompty, dodając więcej szczegółów lub podając konkretne instrukcje:

  • Dodaj ograniczenia: określ ograniczenia w interfejsie, modelu danych lub funkcjach.
  • Podaj przykłady: podaj przykłady tego, jak użytkownicy powinni wchodzić w interakcje z aplikacją i jakie dane powinny się w niej pojawiać.
  • Używaj słów kluczowych: używaj słów kluczowych, aby opisać funkcje lub możliwości, które chcesz uzyskać, a które LLM może powiązać z rodzajem oczekiwanych wyników. 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.
  • Prośba o konkretne zmiany: poproś o konkretne zmiany w wygenerowanym kodzie lub projekcie. Każde zgłoszenie prośby o dodanie funkcji należy przesłać 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ć: „Think step by step. Chcę utworzyć pole wprowadzania w aplikacji do zarządzania zadaniami. Powinno ono zawierać przycisk „Dodaj zadanie” i przycisk „Anuluj”.

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

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

Oto kilka przykładów skutecznych promptów w przypadku 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 planowania budżetu:

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 do aplikacji z grami 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 w Firebase, aby debugować kod za pomocą czatu w obszarze roboczym Code lub w App Prototyping agent.

Gemini może pisać kod za Ciebie, 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 napotykasz, 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łędyGemini.

  • Zadawaj konkretne pytania: nie bój się zadawać Geminibezpośrednich pytań dotyczących kodu. Na przykład: „Co może powodować wyjątek wskaźnika zerowego w tej funkcji?” lub „Jak mogę zapobiec temu wyścigowi?”.

  • Dziel 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 osobnym debugowaniu każdej części i krok po kroku przeanalizuj problemy.

  • Używaj bloków kodu: udostępniając fragmenty kodu, używaj bloków kodu, aby mieć pewność, że kod jest prawidłowo sformatowany. Ułatwi to Gemini odczytywanie i zrozumienie Twojego kodu.

  • Iteruj i ulepszaj: Gemini nie zawsze za pierwszym razem poda idealne rozwiązanie. 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 pytasz.

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

    • Rozpocznij nowy czat: jeśli korzystasz z Gemini w Firebaseczacie w Codeprzestrzeni roboczej, rozpocznij nową sesję czatu, aby zresetować kontekst Gemini. Może to pomóc w wyeliminowaniu wszelkich błędnych przekonań lub założeń, które Gemini mogła mieć w poprzedniej rozmowie.

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

Dalsze kroki