厭倦了繁瑣的程式碼撰寫？Vibe Coding 或許能為你帶來全新的體驗！這份「解密 Vibe Coding」的指南，將從根本原理開始，幫助你建立紮實的基礎知識。接著，我們會分享 Vibe Coding 在提升開發效率、優化使用者體驗等方面的多種應用案例。最後，透過實用的操作指南，我們將賦予你親手實踐 Vibe Coding 的能力，讓你的開發工作事半功倍。
觀看我的影片 : https://youtu.be/pb8SNr0_YTk?si=VAPcz8TfgmSHWKIw
Google Ai Studio : https://aistudio.google.com/welcome
-------------------------------------------------------------------------------------------------------
以下是我的prompt
我將為您設計一個結合規劃與追蹤功能的網站，核心在於區分「任務規劃」與「實際執行記錄」。一、資料庫設計調整： 採用兩張主要表格。Task 表用於儲存任務模板，包含 名稱、描述、重複頻率 以及關鍵的**預計完成日期（用於規劃階段）。CompletionLog 表用於儲存每日實際執行記錄，包含 task_id、實際完成日期、狀態（記錄 ✅ 或 ❌）和 proof_image_url，此表是追蹤連擊和匯出的依據。二、前端介面修正與功能強化： 網站分為兩個核心檢視模式。1. 規劃模式 (Planning View) 是一個獨立頁面，讓使用者專門查看和管理所有未完成的事項，並能為新建任務設定預計完成日期。2. 執行與追蹤模式 (Daily Tracking View) 是每日儀表板，會自動載入所有預計完成日期為今天的任務，且每個任務必須有三種清晰狀態：$\square$ (待處理)、✅ (已完成) 和 ❌ (未完成/錯過)，使用者可以為已完成的任務上傳證明圖片。三、完整的後端匯出指令流程： 當使用者點擊「💾 下載今日報告」時，後端將執行自動化流程。首先，系統會查詢 Task 表找出今日應完成的任務，並檢查 CompletionLog。如果任務已過當日結束時間但未在 CompletionLog 中，則視為 ❌ 未完成。接著，步驟 1-2 使用無頭瀏覽器生成 PNG 網頁截圖和 PDF 報告，內容必須清晰顯示所有今日任務及其最終狀態（✅/❌），並將證明圖片包含在內。最後是步驟 3：上傳至 Notion 整合**，將證明圖片、PNG 報告和 PDF 報告上傳到雲端儲存，並調用 Notion API 在目標資料庫中新增一個頁面。該頁面的內容屬性將包含 名稱（如 YYYY-MM-DD 每日報告）、日期、以及強調完成率（如「完成 4 / 5 個任務（80%）」）的 完成狀態。頁面內部的清單區塊會格式化顯示所有任務（包括 ✅ 和 ❌），並附帶證明圖片區塊和報告附件連結。
