halo-dev/upage

UPage – AI 驅動的視覺化網頁建構器

是什麼 – UPage 是一個開源平台，只需用自然語言描述您想要的內容，即可建立功能完整、響應式網頁。它在後台與大型語言模型（LLM）通訊，自動產生 HTML、CSS 與 JavaScript，再於即時拖曳編輯器中顯示結果。

主要功能

• 自然語言設計 – 寫下如 「一個咖啡廳的落地頁，包含英雄圖片、菜單區塊與聯絡表單」 之類的提示，LLM 會自動產生頁面架構與程式碼。
• 視覺化 WYSIWYG 編輯器 – 生成的頁面會立即於預覽窗格中顯示；您可透過點擊操作調整佈局、樣式與元件位置。
• 多頁面生成 – 一個提示即可建立整個網站結構（首頁、關於頁、產品頁等），平台會自動連結各頁面。
• 標準程式碼匯出 – 工具輸出乾淨、符合標準的 HTML、CSS 與 JavaScript，可複製至任何既有專案，或直接托管。
• 響應式設計 – 頁面自動適應行動裝置，可依桌面、平板與手機螢幕自動調整。
• 可插拔的 LLM 後端 – 支援任何 API 相容的 LLM（OpenAI、Ollama、LMStudio 等）。您亦可連結獨立的視覺模型，以處理圖像類提示。

如何開始

1. 準備一台安裝 Docker 的 Linux 主機。
2. 執行 README 中顯示的一行 Docker 命令，提供指向您的 LLM 提供商、API 金鑰與欲使用的模型名稱的環境變數。
3. 容器會在 3000 端口監聽；於瀏覽器開啟 http://localhost:3000 以存取編輯器。
4. （可選）掛載 ./data、./logs 與 ./storage 以保持使用者上傳與日誌的持久化。
5. 若偏好圖形化安裝程式，UPage 亦可透過 1Panel 應用商店取得。

典型使用情境

• 無需撰寫程式碼，快速原型化行銷網站、產品落地頁或內部儀表板。
• 讓非技術團隊成員僅透過描述變更，即可迭代網頁內容。
• 為開發者生成樣板程式碼，供其後續進一步自訂。
• 建構多頁面文件或作品集網站，其結構可透過單一提示描述。

文件與示範

• 實時示範：https://upage.ai/
• 快速入門指南：https://docs.upage.ai/quick-start
• 完整文件：https://halo-dev.github.io/upage/

授權 – 此專案採用 FIT2CLOUD 開源授權，本質上為 GPL-v3 加上額外限制（Logo 與版權必須保持不變，衍生作品亦須為 GPL-v3）。商業授權可透過供應商取得。

---

以上所有資訊皆直接取自倉儲的 README；未添加任何外部假設。