有效提示

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

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

只要遵循這些指南，就能大幅提升 Firebase Studio 生成的應用程式藍圖品質和關聯性，並提高偵錯成功率。

使用其他提示詞來修正回覆

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

  • 新增限制：指定 UI、資料模型或功能的限制。
  • 提供範例：提供範例，說明使用者應如何與應用程式互動，以及應顯示哪些資料。
  • 使用關鍵字：使用關鍵字描述您想要的功能或能力，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.

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.

偵錯提示

您可以在 Code 工作區或 App Prototyping agent 中，使用 Gemini 透過對話偵錯程式碼。

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

  • 說明問題：在對話介面中，盡可能清楚簡潔地說明遇到的問題。雖然 Gemini 可能可以存取錯誤訊息和記錄等背景資訊，但可能無法完全理解。描述行為並附上錯誤訊息，有助於 Gemini 更快修正錯誤。

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

  • 拆解複雜問題：如果問題很複雜，請拆解成較小、較容易處理的部分，請 Gemini 協助您分別對各部分進行偵錯，並逐步思考問題。

  • 使用程式碼區塊：分享程式碼片段時，請使用程式碼區塊，確保程式碼格式正確。這樣一來，Gemini 就能更輕鬆地讀取及理解程式碼。

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

  • 避免提示迴圈：如果 Gemini 卡在迴圈中或無法回答問題，請嘗試重新撰寫提示或提供更多背景資訊。有時只要換個方式提問，Gemini 就能理解你的問題。

    如果重新撰寫提示仍無法解決迴圈問題，請嘗試下列技巧：

    • 發起新對話：如果是在 Code 工作區使用 Gemini 對話，請發起新的對話工作階段，重設 Gemini 的上下文。這有助於擺脫 Gemini 在先前對話中可能產生的任何誤解或假設。

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

後續步驟