Lovable AI Tutorial for Beginners - Build Your First App

Lovable 平台的核心概念是讓非技術人員透過自然語言快速將創意轉化為可運作的應用程式。講者 David 以建構一個「語音待辦清單轉 Google 日曆」應用程式作為完整演示。

首先是撰寫有效提示詞。David 強調提示詞應包含四個關鍵要素：應用要解決的具體問題，用戶與應用互動的流程（用敘事文本說明每一步驟），設計外觀的簡潔描述詞（如「乾淨、流暢、極簡」），以及明確的技術約束或選擇。他建議初期只設定 1-2 個核心功能，因為大多數時間會花在外觀調整上。更重要的是，應該在提示詞中明確要求 AI 提出澄清問題，讓 AI 能夠深入理解意圖而非盲目猜測。

進入計劃模式是第二個關鍵步驟。這個模式讓 AI 在實際編寫程式碼前先建立詳細計劃，包括視覺設計、用戶流程和技術實現細節。David 強調必須花時間完整閱讀這份計劃，特別是非技術人員應至少檢視設計和流程部分。如果發現任何問題，應立即在提示框中提出修正，這樣的前期投資能避免應用程式生成後才發現基礎性錯誤。

應用程式生成後，David 展示了實際的迭代過程。初版應用程式雖能執行語音轉錄並加入日曆，但時間處理有缺陷。任務時間沒有對齐到 15 分鐘時段，導致與現有行程產生碰撞。他透過簡單的文字提示「任務應設定為最近的 15 分鐘時段，不在過去也不在當下」來要求修正。隨後他新增了複雜功能：支援自然語言時間表達（「明天十點」、「週五下午」、「下週一早上」等）。這次編輯遇到困難，系統仍誤解時間。David 採用截圖呈現具體問題，並推測可能的根因（「看起來像時區問題，時間差了約七小時」），然後進入計劃模式讓 AI 重新規劃。整個過程展示了當遇到複雜問題時，視覺化證據和具體推理遠比含糊其詞的指示有效。

在功能完善後，David 處理了安全性與多使用者支援。他複製貼上一份提示詞要求應用程式改為支援使用者自己的 Google 帳號登入，而非硬編碼帳號。Lovable 提供了內建的安全掃描工具，能在發佈前自動檢測潛在漏洞，並提供「全部修復」按鈕以無額外成本進行修正。發佈流程包括取得免費 URL、選擇可見性等級和設定後設資料。

最後的創新部分是將應用程式轉換為 Progressive Web App。David 用最簡單的方式提示：「讓我可以在手機上將這個應用程式作為應用程式圖示安裝，使用青綠色麥克風圖示」。AI 自動處理所有 PWA 設定，讓使用者可以像安裝原生應用一樣將其加到手機主畫面，完全無需發佈到應用商店。