Prompt efficaci
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
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 provi a 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.
- Richiedi un progetto Firebase:se chiedi all'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 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
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-07-26 UTC.
[null,null,["Ultimo aggiornamento 2025-07-26 UTC."],[],[],null,["The effectiveness of your app blueprint and the quality of the generated code\ndepend on the clarity and detail of your prompts. When using\nthe App Prototyping agent, consider the following guidelines for effective\nprompting when generating and debugging apps:\n\n- **Be specific:** Clearly define the features, user interactions, and data requirements of your app. Ask for specific technologies, where possible. For example, if trying to create a web app with 3D elements, you may want to ask Gemini to use `three.js`.\n- **Ask about additional tasks to set up services:** Gemini can write code for your app, but it cannot actually set up services, enable APIs, or provision resources (like a Cloud Storage bucket or a Stripe account). Make sure to tell Gemini that if it writes code for specific services that it should also tell you how to set up those services.\n- **Request a Firebase project:** If you ask the App Prototyping agent to help you set up Firebase services, it will provision a Firebase project on your behalf. For example, you can ask \"Help me add Firestore,\" or \"Connect my app to Firebase.\"\n- **Use Gemini to refine your prompt:** Use [Gemini for\n Google](https://gemini.google.com), [chat with\n Gemini in Firebase](/docs/studio/try-gemini) in Code view, or other Gemini surfaces to refine and optimize your prompt.\n- **Provide context:** Include background information about your app's purpose, target audience, and the user experience you want.\n- **Use examples:** If possible, provide examples of how users should interact with the app or what data should be displayed.\n- **Iterate and refine:** Approach your development *iteratively*. Consider starting with a basic request, then add a feature, test it, refine it, then add another feature.\n\nBy following these guidelines, you can significantly improve the quality and\nrelevance of the app blueprints generated by Firebase Studio and its\nsuccess when debugging your app.\n\nUse additional prompts to refine responses\n\nIf the initial results aren't what you expect, you can refine your prompts by\nadding more detail or providing specific instructions:\n\n- **Add constraints:** Specify constraints on the UI, data model, or features.\n- **Provide examples:** Provide examples of how users should interact with the app and what data should appear.\n- **Use keywords:** Use keywords to describe the features or capabilities you want that the LLM might associate with the class of output you want. For example, you might use *Material Design* in a prompt where you indicate that you want your app to adhere to Google design standards.\n- **Ask for specific changes:** Ask for specific changes to the generated code or blueprint. Add each feature request in a separate request.\n- **Ask the model to reason:** If you're having trouble getting the results you want, try asking the model to reason through the prompt. For example, you could say \"Think step by step. I want to create an input box for my task app. It should contain an 'Add task' button and a 'Cancel' button.\"\n\nBy using these techniques, you can iteratively refine your prompts to get the\nresults you want.\n\nExamples of effective prompts for app blueprints\n\nHere are some examples of effective prompts for different types of apps:\n\n**Simple task tracker:** \n\n Create a simple web app that displays a list of to-do items.\n Users should be able to add new items to the list and mark items as complete.\n Provide a way to delete items and export the list as a text file.\n Use a clean and modern UI using Google Material Design principles.\n\n**Budgeting app:** \n\n A budgeting and expense tracking app with spending categories, charts, and\n budget goals. Include a clean dashboard with key insights. It should include\n spending categories, charts, and budget goals. The app should allow users to\n manually add expenses or upload csv files. The app should also allow users to\n upload receipts, then use AI to convert the receipt into an expense entry that\n users can edit. Data should be stored in browser cache, with download and\n delete options.\n\n**Game app prompt with assistance from Gemini (Markdown):** \n\n Generate a delightful sliding number puzzle game (15-puzzle) with Javascript,\n HTML, and CSS.\n\n - **Setup:** Create a 4x4 grid with numbers 1-15 and one empty space. Use a\n **solvable shuffling algorithm** to randomize the start.\n - **Gameplay:** Allow clicking tiles **adjacent to the empty space** to slide\n them. Count and display the number of moves.\n - **Timer:** Include a **countdown timer** starting at **120 seconds**\n (2 minutes).\n - **End Conditions:**\n - If solved (numbers 1-15 in order): Alert with an encouraging winning\n statement generated by AI.\n - If timer reaches 0: Alert with a funny retort generated by AI.\n\nTips for debugging\n\nYou can use Gemini in Firebase to help you debug your code with\nchat in your **Code** workspace\nor the App Prototyping agent.\n\nWhile Gemini can write code for you, it might sometimes also\nproduce errors. When it detects an error, it will attempt\nto fix it. If you find that it isn't able to resolve the issue given\nthe error message, you can try some of the following techniques:\n\n- **Describe the issue:** In the chat interface, describe the\n problem you're encountering as clearly and concisely as possible.\n While Gemini might have access to context like error messages\n and logs, it might not understand the full context. Describing the behavior\n along with the error message can help Gemini fix errors\n faster.\n\n- **Ask specific questions:** Don't be afraid to ask Gemini\n direct questions about your code. For example, \"What could be causing a\n null pointer exception in this function?\" or \"How can I prevent\n this race condition?\"\n\n- **Break down complex problems:** If you're dealing with a complex\n issue, break it down into smaller, more manageable parts. Ask\n Gemini to help you debug each part separately and think\n through problems step-by-step.\n\n- **Use code fences:** When sharing code snippets, use code fences\n to ensure that the code is properly formatted. This makes it easier\n for Gemini to read and understand your code.\n\n- **Iterate and refine:** Gemini may not always provide the perfect\n solution on the first try. Review the responses, ask clarifying\n questions, and provide additional information as needed.\n\n- **Avoid prompting loops:** If Gemini gets stuck in a loop or is\n unable to answer your question, try rephrasing your prompt or\n providing additional context. Sometimes, just rewording your\n question can help Gemini understand what you're asking.\n\n If rephrasing your prompt doesn't resolve the loop, try\n the following techniques:\n - **Start a new chat:** If you're using Gemini in Firebase\n chat in your Code\n workspace, start a new chat session to reset\n Gemini's context. This can help break free from any\n misconceptions or assumptions that Gemini may have made\n in the previous conversation.\n\n - **Provide counter-examples:** If Gemini is making incorrect\n assumptions, provide counter-examples to help it understand\n the correct behavior.\n\nNext steps\n\n- [Get started with the App Prototyping agent](/docs/studio/get-started-ai).\n- [Develop, publish, and monitor an app following a guided tour of the App Prototyping agent](/docs/studio/solution-build-with-ai).\n- [Develop applications in a\n Firebase Studio workspace](/docs/studio/get-started-workspace)."]]
