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 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 di dati della tua app. Chiedi tecnologie specifiche, se possibile. Ad esempio, se stai cercando di creare un'app web con elementi 3D, potresti chiedere a Gemini di utilizzare three.js.
  • Chiedi informazioni su 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 (come 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.
  • Utilizza Gemini per perfezionare il prompt:utilizza Gemini per Google, chatta con Gemini in Firebase nella visualizzazione Code o in altre piattaforme Gemini per perfezionare e ottimizzare il prompt.
  • Fornisci il contesto:includi informazioni di base sullo scopo, sul pubblico di destinazione e sull'esperienza utente che desideri per la tua app.
  • Esempi di utilizzo:se possibile, fornisci esempi di come gli utenti devono interagire con l'app o quali dati devono essere visualizzati.
  • Itera e perfeziona:affronta lo sviluppo in modo iterativo. Ti consigliamo di iniziare con una richiesta di base, poi aggiungere una funzionalità, testarla, perfezionarla e aggiungerne 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 aspettavi, puoi perfezionare i prompt aggiungendo maggiori dettagli o fornendo istruzioni specifiche:

  • Aggiungi vincoli: specifica i vincoli per l'interfaccia utente, il modello dati o le funzionalità.
  • Fornisci esempi:fornisci esempi di come gli utenti devono interagire con l'app e quali dati devono essere visualizzati.
  • Utilizza parole chiave:utilizza parole chiave per descrivere le funzionalità o le capacità che vuoi che l'LLM possa associare 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.
  • Richiedi 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 che desideri, prova a chiedere al modello di ragionare sul prompt. Ad esempio, potresti dire "Pensa passo dopo passo. Voglio creare una casella di input 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 che desideri.

Esempi di prompt efficaci per i progetti di app

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

Semplice monitoraggio delle attività:

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 usare Gemini in Firebase per eseguire il debug del codice con la chat nel tuo spazio di lavoro Code o in App Prototyping agent.

Anche se Gemini può scrivere codice per te, a volte potrebbe produrre errori. Quando rileva un errore, tenta di correggerlo. Se riscontri 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. Anche se Gemini potrebbe avere accesso a un contesto come messaggi di errore e log, potrebbe non comprendere il contesto completo. Descrivere il comportamento insieme al messaggio di errore può aiutare Gemini a risolvere gli errori più rapidamente.

  • Fai domande specifiche: non aver paura di fare domande dirette sul tuo codice.Gemini Ad esempio, "Quale potrebbe essere la causa di un'eccezione di puntatore nullo in questa funzione?" o "Come posso evitare questa condizione di competizione?"

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

  • Utilizza recinzioni di codice:quando condividi snippet di codice, utilizza recinzioni 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, poni domande per chiarire dubbi 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 domanda per aiutare Gemini a capire cosa stai chiedendo.

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

    • Avvia una nuova chat:se utilizzi Gemini nella chat Firebase nel tuo spazio di lavoro Code, avvia una nuova sessione di chat per reimpostare il contesto di Gemini. In questo modo, puoi superare eventuali idee sbagliate o presupposti che Gemini potrebbe aver fatto nella conversazione precedente.

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

Passaggi successivi