有效提示

應用程式藍圖的成效和生成的程式碼品質，取決於提示的清晰度和詳細程度。使用 App Prototyping agent 時，請參考下列有效提示的指引，生成及偵錯應用程式：

  • 具體說明：清楚定義應用程式的功能、使用者互動和資料需求。盡可能要求使用特定技術。舉例來說，如果想建立含有 3D 元素的網頁應用程式，可以要求 Gemini 使用 three.js。
  • 詢問設定服務的其他工作： Gemini 可以為應用程式編寫程式碼，但無法實際設定服務、啟用 API 或佈建資源 (例如 Cloud Storage 值區或 Stripe 帳戶)。請務必告知 Gemini，如果為特定服務編寫程式碼，也應說明如何設定這些服務。
  • 要求建立 Firebase 專案：如果您要求 App Prototyping agent 協助設定 Firebase 服務，系統會代您佈建 Firebase 專案。例如，你可以要求「幫我新增 Firestore」或「將我的應用程式連結至 Firebase」。
  • 使用 Gemini 修正提示：使用 Gemini 存取 Google、在 Firebase 中與 Gemini 對話、在 Code 檢視畫面中，或在其他 Gemini 介面中修正及最佳化提示。
  • 提供背景資訊：請提供應用程式的用途、目標對象，以及您希望的使用者體驗。
  • 提供範例：盡可能提供範例，說明使用者應如何與應用程式互動，或應顯示哪些資料。
  • 反覆運算並改善：以反覆運算的方式進行開發。建議先從基本要求開始，然後新增功能、測試、修正，再新增其他功能。

遵循這些指南，可大幅提升 Firebase Studio 生成的應用程式藍圖品質和關聯性，以及偵錯應用程式時的成功率。

使用其他提示來修正回覆

如果初步結果不符合預期，可以新增更多詳細資料或提供具體指示，進一步調整提示：

  • 新增限制條件：指定使用者介面、資料模型或功能的限制條件。
  • 提供範例：提供範例，說明使用者應如何與應用程式互動，以及應顯示哪些資料。
  • 使用關鍵字：使用關鍵字描述您想要的功能或能力，LLM 可能會將這些關鍵字與您想要的輸出內容類別建立關聯。舉例來說，您可以在提示中使用 Material Design，表明希望應用程式遵循 Google 設計標準。
  • 要求進行特定變更：要求對生成的程式碼或藍圖進行特定變更。請分別提出每項功能要求。
  • 要求模型推理：如果無法順利取得所需結果，請嘗試要求模型推理提示。舉例來說，你可以說「請逐步思考。我想為工作應用程式建立輸入框，其中應包含「新增工作」和「取消」按鈕。」

運用這些技巧，逐步調整提示，即可獲得所需結果。

應用程式藍圖的有效提示範例

以下列舉幾種應用程式的有效提示範例：

簡單的工作追蹤工具：

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.

預算應用程式：

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.

遊戲應用程式提示 (Markdown)：Gemini

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.

偵錯提示

您可以在 Firebase 中使用 Gemini，透過 Code 工作區或 App Prototyping agent 中的即時通訊功能，偵錯程式碼。

Gemini 可以為您編寫程式碼，但有時也可能會產生錯誤。如果偵測到錯誤，系統會嘗試修正。如果發現錯誤訊息無法解決問題，可以嘗試下列幾種方法：

  • 說明問題：在即時通訊介面中，盡可能清楚簡潔地說明您遇到的問題。Gemini 可能可以存取錯誤訊息和記錄等內容，但可能無法完全瞭解相關背景資訊。說明行為並提供錯誤訊息，有助於 Gemini更快修正錯誤。

  • 提出具體問題：請盡量直接詢問程式碼相關問題。Gemini 例如：「這個函式中可能導致空指標例外狀況的原因是什麼？」或「如何避免這個競爭條件？」

  • 分解複雜問題：如果遇到複雜問題，請將其分解為較小且易於管理的部分。請 Gemini 協助你分別對每個部分進行偵錯，並逐步思考問題。

  • 使用程式碼圍欄：分享程式碼片段時，請使用程式碼圍欄，確保程式碼格式正確。方便 Gemini 讀取及瞭解您的程式碼。

  • 反覆測試及修正： Gemini 可能無法在第一次就提供完美解決方案。查看回覆、提出釐清問題，並視需要提供其他資訊。

  • 避免提示迴圈：如果 Gemini 陷入迴圈或無法回答問題，請嘗試重新說明提示或提供其他背景資訊。有時只要重新措辭，Gemini就能瞭解你想問什麼。

    如果重新措辭後仍無法解決迴圈問題，請嘗試下列技巧：

    • 展開新對話：如果你是在 Firebase 工作區的 Code Chat 中使用 Gemini，請展開新的對話工作階段，重設 Gemini 的背景資訊。這有助於擺脫 Gemini 在先前對話中可能產生的任何誤解或假設。

    • 提供反例：如果 Gemini 做出錯誤的假設，請提供反例，協助瞭解正確的行為。

後續步驟