v0 by Vercel 完整教學：用對話生成 UI

v0 是 Vercel 推出的 AI UI 生成工具，專門用來生成 React 元件。 v0 是什麼？ 用對話描述你要的 UI，v0 幫你生成可用的 React 程式碼。 特色： • 生成的 code 品質很高 • 使用 shadcn/ui 元件 • 可以直接複製到專案使用 使用場景 適合 不適合 生成 UI 元件 完整網站 快速原型 後端邏輯 學習 React 寫法 資料庫操作 基本用法 前往 v0.dev 輸入描述，例如：「一個深色主題的定價卡片，三個方案」 等待生成 選擇喜歡的版本 複製程式碼或繼續修改 Prompt 技巧 生成一個 [元件類型] 樣式： - 主題：深色/淺色 - 顏色：[顏色] - 圓角：大/中/小 包含： - [元素 1] - [元素 2] - [元素 3] 互動： - hover 效果 - 動畫 v0 vs Lovable v0 ：生成單一元件，需要自己整合 Lovable ：生成完整網站，一鍵部署 建議：用 v0 生成元件，用 Lovable 建網站。