Prompt efficaci

L'efficacia del progetto dell'app e la qualità del codice generato dipendono dalla chiarezza e dal livello di dettaglio dei prompt. Quando utilizzi il App Prototyping agent, tieni presente le seguenti linee guida per creare prompt efficaci durante la generazione e il debug delle app:

  • Sii specifico: definisci chiaramente le funzionalità, le interazioni utente e i requisiti dei dati della tua app. Se possibile, chiedi tecnologie specifiche. Ad esempio, se stai cercando di creare un'app web con elementi 3D, potresti chiedere a Gemini di utilizzare three.js.
  • Chiedi informazioni sulle attività aggiuntive per configurare i servizi: Gemini può scrivere codice per la tua app, ma non può configurare i servizi, attivare le API o eseguire il provisioning delle risorse (ad esempio un bucket Cloud Storage o un account Stripe). Assicurati di dire a Gemini che, se scrive codice per servizi specifici , deve anche spiegarti come configurare questi servizi.
  • Richiedi un progetto Firebase: se chiedi al App Prototyping agent di aiutarti a configurare i servizi Firebase, eseguirà il provisioning di un progetto Firebase per tuo conto. Ad esempio, puoi chiedere "Aiutami ad aggiungere Firestore" o "Collega la mia app a Firebase".
  • Utilizza Gemini per perfezionare il prompt: utilizza Gemini per Google, chatta con Gemini nella Code visualizzazione o in altre Gemini interfacce per perfezionare e ottimizzare il prompt.
  • Fornisci il contesto: includi informazioni di base sullo scopo dell'app, sul pubblico di destinazione e sull'esperienza utente che desideri.
  • Utilizza esempi: se possibile, fornisci esempi di come gli utenti devono interagire con l'app o di quali dati devono essere visualizzati.
  • Esegui l'iterazione e perfeziona: adotta un approccio iterativo allo sviluppo. Valuta la possibilità di iniziare con una richiesta di base, quindi aggiungi una funzionalità, testala, perfezionala e poi aggiungine un'altra.

Seguendo queste linee guida, puoi migliorare significativamente la qualità e la pertinenza dei progetti di app generati da Firebase Studio e il successo del debug dell'app.

Utilizzare prompt aggiuntivi per perfezionare le risposte

Se i risultati iniziali non sono quelli che ti aspetti, puoi perfezionare i prompt aggiungendo maggiori dettagli o fornendo istruzioni specifiche:

  • Aggiungi vincoli: specifica i vincoli relativi all'interfaccia utente, al modello di dati o alle funzionalità.
  • Fornisci esempi: fornisci esempi di come gli utenti devono interagire con l'app e di quali dati devono essere visualizzati.
  • Utilizza parole chiave: utilizza parole chiave per descrivere le funzionalità o le capacità che vuoi che il modello linguistico di grandi dimensioni associ alla classe di output che desideri. Ad esempio, potresti utilizzare Material Design in un prompt in cui indichi che vuoi che la tua app rispetti gli standard di progettazione di Google.
  • Chiedi modifiche specifiche: chiedi modifiche specifiche al codice o al progetto generato. Aggiungi ogni richiesta di funzionalità in una richiesta separata.
  • Chiedi al modello di ragionare: se hai difficoltà a ottenere i risultati desiderati, prova a chiedere al modello di ragionare sul prompt. Ad esempio, potresti dire "Pensa passo dopo passo. Voglio creare una casella di immissione per la mia app di attività. Deve contenere un pulsante "Aggiungi attività" e un pulsante "Annulla".

Utilizzando queste tecniche, puoi perfezionare in modo iterativo i prompt per ottenere i risultati desiderati.

Esempi di prompt efficaci per i progetti di app

Ecco alcuni esempi di prompt efficaci per diversi tipi di app:

Tracker delle attività semplice:

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.

App per la gestione del budget:

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 dell'app di gioco con l'assistenza di 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.

Suggerimenti per il debug

Puoi utilizzare Gemini per eseguire il debug del codice con la chat nell'area di lavoro Code o con App Prototyping agent.

Sebbene Gemini possa scrivere codice per te, a volte potrebbe anche produrre errori. Quando rileva un errore, tenta di correggerlo. Se noti che non è in grado di risolvere il problema dato il messaggio di errore, puoi provare alcune delle seguenti tecniche:

  • Descrivi il problema: nell'interfaccia di chat, descrivi il problema che stai riscontrando nel modo più chiaro e conciso possibile. Sebbene Gemini possa avere accesso a un contesto come messaggi di errore e log, potrebbe non comprendere il contesto completo. La descrizione del comportamento insieme al messaggio di errore può aiutare Gemini a correggere gli errori più rapidamente.

  • Fai domande specifiche: non aver paura di fare domande Gemini dirette a Gemini sul tuo codice. Ad esempio, "Cosa potrebbe causare un'eccezione di puntatore nullo in questa funzione?" o "Come posso impedire questa race condition?".

  • Suddividi i problemi complessi: se hai a che fare con un problema complesso, suddividilo in parti più piccole e più gestibili. Chiedi Gemini di aiutarti a eseguire il debug di ogni parte separatamente e di risolvere i problemi passo dopo passo.

  • Utilizza i blocchi di codice: quando condividi snippet di codice, utilizza i blocchi di codice per assicurarti che il codice sia formattato correttamente. In questo modo, è più facile per Gemini leggere e comprendere il tuo codice.

  • Esegui l'iterazione e perfeziona: Gemini potrebbe non fornire sempre la soluzione perfetta al primo tentativo. Esamina le risposte, fai domande chiarificatrici e fornisci ulteriori informazioni, se necessario.

  • Evita i loop di prompt: se Gemini si blocca in un loop o non riesce a rispondere alla tua domanda, prova a riformulare il prompt o a fornire un contesto aggiuntivo. A volte, basta riformulare la tua domanda per aiutare Gemini a capire cosa stai chiedendo.

    Se la riformulazione del prompt non risolve il loop, prova le seguenti tecniche:

    • Avvia una nuova chat: se utilizzi la chat di Gemini nella tua area di lavoro Code, avvia una nuova sessione di chat per reimpostare il contesto di Gemini. Questo può aiutarti a liberarti da eventuali idee sbagliate o ipotesi che Gemini potrebbe aver fatto nella conversazione precedente.

    • Fornisci controesempi: se Gemini fa ipotesi errate, fornisci controesempi per aiutarlo a comprendere il comportamento corretto.

Passaggi successivi