實體AI教學課程內容
課程名稱：Vibe Coding 中級標準教學課程（三小時速成班）
課程簡介
本課程接續初級基礎，聚焦 Vibe Coding 的中級實戰技巧，讓學員從單一小工具升級到完整應用程式開發，包括多檔案架構、外部 API 串接、後端邏輯與部署流程。透過 Cursor、Claude 3.5 或 Replit Ghostwriter 等進階工具，學員將實作一個「具後端功能的網頁應用」（如待辦事項 + 雲端同步），掌握 Prompt Engineering 進階、除錯策略與生產級程式碼生成，建立「用 AI 做出商用 Demo」的專業能力。課程 80% 實作導向，適合有初級經驗的產品經理、設計師與自學開發者。
課程時長：3小時（分 3 節，每節 1 小時）
課程大綱
第一節：中級工具與多檔案專案架構（1小時）
目標：從單檔升級到專業開發環境與結構化生成
內容重點：
-
進階工具組合：Cursor Composer（多檔案生成）+ Claude Projects（專案記憶）+ v0 + Vercel（一鍵部署）。
-
多檔案 Prompt 策略：如何讓 AI 一次生成前端（React/Vue）+ 後端（Node.js/Supabase）+ 資料夾結構。
-
架構思維：MVC 分離、環境變數設定、套件依賴自動安裝指令。
互動活動：
第二節：API 整合與狀態管理實作（1小時）
目標：串接外部服務，做出具互動性的完整應用
內容重點：
-
API Prompt 模板：串接 OpenAI API、Google Sheets、Supabase DB 或 Stripe 支付等常見服務。
-
狀態管理生成：讓 AI 自動寫 Redux/Zustand 或 Context API，處理登入、即時更新等複雜邏輯。
-
範例專案：建「雲端待辦 App」（前端 CRUD + 後端驗證 + 即時同步），包含錯誤處理與載入動畫。
互動活動：
第三節：進階除錯、優化與生產部署（1小時）
目標：品質把關、效能調校與上線心法
內容重點：
-
智能除錯：用「Debug Mode」Prompt 要求 AI 一步步追蹤錯誤、產生單元測試與效能報告。
-
優化技巧：要求 AI 重構程式碼（TypeScript 轉換、Tailwind CSS 美化）、安全性掃描（XSS/SQL 注入防護）、SEO 與 PWA 升級。
-
部署與監控：Vercel/Netlify 一鍵上線、整合 Google Analytics、設定 CI/CD 自動化。
互動活動：
教學成果
學員結束後能獨立用 Vibe Coding 開發中型應用（多檔案 + API + 部署）、處理 90% 生產問題，並擁有進階 Prompt 庫與架構模板，快速產出投資級 Demo。
建議對象
