v0 by Vercel

目標:做一個本機優先的 AI 網站介面產生器，輸入自然語言後產生可預覽、可修改、可匯出的前端程式碼。 技術棧建議:Next.js + TypeScript + Tailwind CSS + shadcn/ui，使用本機 SQLite 儲存專案，透過可切換的 OpenAI 相容 API 呼叫語言模型。 需求: - 建立多個本機專案，每個專案保存對話、生成檔案與版本 - 提供自然語言輸入框，可描述頁面、元件、配色與互動需求 - 將模型輸出解析成檔案樹，支援 TSX、CSS、JSON 與 Markdown 檔案 - 在右側顯示可互動的網站預覽，生成後自動重新載入 - 提供檔案樹與程式碼編輯器，可直接修改生成的檔案 - 支援針對目前畫面追加指令，例如修改文案、間距、色彩或版面 - 每次生成建立可回復的版本，能比較版本差異 - 內建常用 UI 元件範本，例如按鈕、表單、導覽列、表格與對話框 - 將目前專案匯出為 ZIP，並可匯出對話與版本紀錄為 JSON - 支援貼上圖片網址或本機圖片，並在生成頁面中引用 - 提供模型、API 端點與模型參數設定，金鑰只存本機環境變數 - 預覽錯誤時顯示編譯錯誤，提供按鈕把錯誤內容送回模型修正 明確不做(out of scope):雲端部署、多使用者協作、Vercel 整合、商用元件授權、模型訓練、圖片生成、完整後端與資料庫自動部署。 README 要求:說明本機啟動方式、支援的 API 環境變數、模型回應格式、專案資料位置、ZIP 匯出方式與安全注意事項。