Unshift AI
Unshift · 程式設計
Unshift AI 是一款 AI 網站架設工具，把你自己的 Claude 或 ChatGPT 帳號裡的一段對話變成做好的網站，之後用點擊就能改。免費方案可發布三個 unshift.dev 網址的站。
關於 Unshift AI
About
Unshift 是什麼
Unshift 針對的是一群不想把網站交給封閉式架站平台的人。你可以從做好的範本開始，也可以直接描述自己的生意，再自己動手改每一句話和每一張照片。真正的賣點不是 AI 本身，而是 AI 跑在誰的帳號上。
多數架站工具自己綁一套模型，每次生成另外收費。Unshift AI 透過 MCP 接上你自己的 Claude 或 ChatGPT 帳號，生成用的是你已經付費的訂閱，吃的是你自己的額度。不想碰對話式生成也沒關係，視覺編輯器一樣能從頭做到尾。不想碰程式碼的人，把它當成免寫程式的網站架設工具就好，日後需要時再把程式碼帶走。
產出是標準的 React 專案：Vite、TypeScript、Tailwind CSS 加 shadcn/ui 元件，動效用 Framer Motion，3D 場景用 Three.js。Pro 方案能把整個專案下載下來，放到任何主機。這一點對曾經被平台綁住、搬不走網站的人特別重要。
開始使用
- 到 unshift.ai 註冊帳號，免費版不需要信用卡。
- 從範本庫挑一個版型，或接上 Claude 或 ChatGPT 帳號，用一段話說明你的生意。
- 看過初稿後，直接點頁面上的文字改寫。換照片、拖動區塊、調整顏色都在同一頁完成。
- 為每個要發布的頁面填好標題、描述與分享圖。
- 先發布到免費的 unshift.dev 網址，需要自訂網域時再升級 Pro。
產品資訊
快速了解 Unshift AI 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 接案者與小型工作室：Pro 方案能處理客戶網站，含自訂網域、流量分析，以及可以直接交給對方的程式碼。
- 正在做第一個網站的創業者：免費版一個下午就能上線，不用先綁卡。
- 想省掉從零開始的開發者：Pro 匯出 React 加 Vite 專案，放進自己的編輯器就能接手。
- 已經在付 Claude 或 ChatGPT 的人：生成算在你自己的訂閱裡，不必為提示詞再付一筆。
任務
- 產品上線頁與活動頁：挑範本、改文案，當天就能發布。
- 餐廳、作品集與工作室網站：範本庫涵蓋常見版型，內建 CMS 讓菜單與作品清單隨時更新。
- 上線後持續維護內容：在 CMS 改文字和圖片，預覽確認後發布，不必重新建置。
情境
- 交付給客戶：在 Unshift AI 做好網站，匯出整份專案，客戶團隊就能在自己的環境繼續改。
- 汰換載入很慢的舊站：頁面預先產生、從邊緣節點送出，手機上的載入速度差別最明顯。
- 先驗證想法再投入：三個免費發布額度，足夠把一個版型公開給人看，不合適就收掉。
主要功能
用你自己的 AI 帳號產出初稿
透過 MCP 接上 Claude 或 ChatGPT，說明生意在做什麼，模型就會寫好並排好整個網站，包含選單、區塊與示意照片。用量上限跟著你的 AI 供應商方案走，Unshift 不會另外賣你 token。
直接在真實頁面上點擊修改
點標題就能改字，點照片就能換圖。編輯器操作的是實際渲染出來的頁面，不是側邊的表單，所以你改的畫面和訪客看到的完全一致。不寫程式，也不用重新建置。
範本庫與可替換區塊
範本庫有餐廳、作品集、工作室等完成度很高的版型，打開填內容就能用。頁面內還有一整套現成區塊：首屏、功能格線、價格表、客戶證言、相簿。某個區塊不順眼，一鍵換成另一種排列。
內建 CMS 與資料連接
文案、圖片與結構化內容都放在 CMS 裡，菜單價格或作品資料改一次，各處同步更新。資料連接能從 REST API 抓即時資料餵給支援的區塊，適合庫存、房源與活動時刻表。
邊緣節點快速發布
發布後的網站是預先產生的靜態頁，由 Cloudflare 全球網路送出，不必每次請求才組頁面。Unshift 在自家已發布網站上跑的 Lighthouse 成績是效能 98、無障礙 99、最佳實務 98、SEO 96，也通過 AI 代理瀏覽檢測，代表 AI 助理讀你的站時真的讀得到內容。
Pro 方案匯出 React 程式碼
Pro 會把專案以 React、Vite、TypeScript 與 Tailwind CSS 的形式交給你，元件用 shadcn/ui。下載後在自己的編輯器打開，要部署到哪裡都行。不想搬的話，Unshift 的主機服務仍然可用。
優缺點
優點
- 生成走你自己的 Claude 或 ChatGPT 方案，提示詞不加價，也不會多一張 AI 帳單。
- 匯出的技術堆疊是主流 React，任何前端工程師都能接手，不必學一套專有系統。
- 免費方案是長期提供，可發布三個網站，正式動工前有足夠空間試。
- 頁面預先建好並從邊緣節點送出，加上通過代理瀏覽檢測，AI 助理讀得到網站內容。
- 內建 CMS 與資料連接涵蓋小型網站需要的內容更新，不必再疊一堆外掛。
缺點
- 自訂網域、流量分析與程式碼匯出都鎖在 Pro，每個網站每月 12 美元，要正式上線就得付費。
- AI 流程受制於你自己的供應商額度。草稿寫得多，吃的是 Claude 或 ChatGPT 的用量，Unshift 沒辦法幫你加。
- Business 方案含共用工作區與角色權限，目前標示為即將推出，團隊現在還沒有共用空間。
常見問題
免費。免費方案設定為長期可用，包含視覺編輯器、範本、表單與資料連接，最多可發布三個 unshift.dev 網址的網站，站上會顯示 Unshift 品牌標記。
相關內容
探索與 Unshift AI 相關的工具、技能與文章。
Unshift AI 替代方案
Base Code
Base44 (Wix) · 程式設計 · 生產力Base Code 是 Base44 推出的共享雲端開發環境。團隊在對話中描述對既有 GitHub 儲存庫的修改，看著預覽確認結果，再以 Pull Request 交回工程團隊。
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
GitGlow
GitGlow · 程式設計 · 生產力GitGlow 是桌面版 Git 用戶端，把你自己的程式碼與 AI 代理程式的變更集中在同一份審查裡，讓你在交付前看清楚機器上究竟要送出什麼。