有效提示

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

  • 具體說明：明確定義應用程式的功能、使用者互動和資料需求。盡可能要求特定技術。舉例來說，如果您嘗試建立含有 3D 元素的網頁應用程式，建議您要求 Gemini 使用 three.js。
  • 詢問設定服務的其他工作： Gemini 可以為應用程式編寫程式碼，但無法實際設定服務、啟用 API 或配置資源 (例如 Cloud Storage 值區或 Stripe 帳戶)。請務必告知 Gemini，如果它為特定服務編寫程式碼，也應說明如何設定這些服務。
  • 使用 Gemini 精進提示：使用 Gemini 進行 Google 搜尋，在 Code 檢視畫面中與 Firebase 中的 Gemini 進行對話，或使用其他 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.

偵錯提示

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

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

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

  • 提出具體問題：請不要害怕直接詢問 Gemini 程式碼相關問題。例如：「什麼可能導致這個函式中的空值指標例外狀況？」或「如何避免這種競爭狀態？」

  • 將複雜問題細分：如果您遇到複雜的問題，請將問題細分為較小且易於管理的部分。請 Gemini 協助您分別偵錯各個部分，並逐步思考問題。

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

  • 迭代及精進： Gemini 不一定會在第一次嘗試時提供完美的解決方案。查看回覆內容、提出釐清問題，並視需要提供其他資訊。

  • 避免重複提示：如果 Gemini 卡在迴圈中，或無法回答您的問題，請嘗試重新提示，或提供其他背景資訊。有時只要重新表達問題，就能讓 Gemini 瞭解你想詢問的問題。

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

    • 開始新的聊天：如果您在 Code 工作區的 Firebase 聊天中使用 Gemini，請啟動新的聊天工作階段，藉此重設 Gemini 的內容。這有助於擺脫 Gemini 在先前對話中可能產生的任何誤解或假設。

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

後續步驟