MotionSites AI(官網頁面也寫作 MotionSites 和 Motionsites)是一個在瀏覽器中使用的 AI 網站提示詞庫:提示詞是篇幅較長的現成文字指令,貼到 AI 程式設計工具或建站工具後,可以重現某個特定的動態網頁設計。它本身不生成、也不代管網站。官網的頁面描述把這項服務概括為「為 Lovable、Bolt、Cursor 和 Claude 打造的精美網站提示詞」,接著承諾你可以用 AI 打造 3D 網站,「只要複製、貼上、上線」。
每條提示詞讀起來更像一份建置規格,而不是一句話的點子。據該公司介紹,其提示詞包含重現設計所需的版面、樣式、字型、動畫、響應式表現、相依套件和確切內容。因此 AI 建站工具拿到的是一份完整需求,而不必自行發揮視覺方向。
這款產品已有相當規模的受眾:一家第三方 AI 目錄估計其 2026 年 3–8 月每月造訪量約 130 萬(為估算值,截至 2026 年 9 月 28 日的紀錄)。在核對的首頁、價格頁、網站地圖和頁尾中,都沒有出現營運公司名稱或地址;產品只以 MotionSites 品牌呈現。
主庫把完整頁面和單一區塊並列展示,每張卡片都有類型標籤,例如 Landing Page、Agency 或 Hero Section。因此動態網站提示詞可以在兩種尺度上使用:把一個精緻的首屏區塊放進現有網站,或重建整個登陸頁,取決於你希望建站工具接手多少設計。
提示詞針對現代前端技術堆疊。官方教學中的範例要求用 React、TypeScript、Vite、Tailwind CSS、Framer Motion 和 lucide-react 建置首屏區塊,因此產出是一個程式碼專案,而不是某個專有編輯器裡的頁面。
另有一個合集提供動畫影片背景,官網稱其「為轉換、驚豔和震撼而設計」。背景頁上的每個圖塊提供的是 Copy URL 操作而不是提示詞,所以你拿到的是一個供建站工具使用的 URL。
MotionSites 也運行一個 MCP(Model Context Protocol)伺服器,讓 AI 代理可以直接請求設計。據介紹,設定只需一條指令、不需要 API 金鑰,伺服器支援 Claude、Cursor 和 Codex。對已經在 Claude Code 或 Cursor 中建置的人來說,這省去了複製貼上的步驟:AI 代理會找出相符的設計,並在同一個工作階段中拿到完整提示詞。
如果庫裡沒有你想要的設計,MotionSites 販售依據你提供的參考製作的客製提示詞。每筆客製訂單被描述為一份完整提示詞,可在 Lovable、Cursor、Claude、Codex 和 Google AI Studio 中使用,並附上全部專案檔案——影片、動態圖片、字型和素材。
Academy 是一組簡短的影片建置教學,每支影片都附上所用的提示詞,方便你複製和改編。
claude mcp add 指令;Cursor 和 Claude Desktop 則改用設定項目或自訂連接器。官方教學和服務頁面展示了這些提示詞針對的專案類型。它們是廠商挑選的範例,不是獨立的案例研究。
一支教學建置了電影感的作品集首頁,包含背景影片、動態文字排版、液態玻璃按鈕和響應式行動版選單。這是典型的 MotionSites 模式:視覺份量很重、手工做動畫要花很多小時的首屏,由一條提示詞生成,再用你自己的作品改寫。
另一支教學的提示詞只建置豪華房地產登陸頁的導覽列和首屏區塊,說明區塊級提示詞可以讓現有網站換上新的第一印象,而不必重建下方的全部內容。
客製服務接受任何網站、Dribbble 作品、Pinterest 看板或截圖連結,並把其版面、動態效果和品牌方向轉化為 MotionSites 提示詞。這適合已經從客戶或內部設計師那裡拿到視覺參考、希望得到一份 AI 建站工具能重現的提示詞的團隊。
價格頁拿終身方案與自由工作者報價相比,稱一個自由工作者製作的登陸頁通常要 $500–$2,000。這項比較是廠商自己的說法,並非實測的節省,但它表明了目標買家:替客戶交付登陸頁、想要有高級感起點的人。
如果你想要一個自帶編輯器、範本和網域的一站式代管建站工具,或是你的組織在購買前必須審閱隱私權政策和服務條款,MotionSites 就不太適合,因為在核對的頁面中沒有找到這些文件(見「注意事項」)。
會員費以美元計價。以下是 2026 年 9 月 28 日紀錄的價格頁所示自助選項:
| 選項 | 顯示價格 | 包含內容 |
|---|---|---|
| 免費帳號 | 免費 | 免費帳號可開啟三個免費提示詞,付費方案則解鎖全部 500+ 提示詞。 |
| 提示詞包 | 預設選項下 $49 | 提示詞包針對一次性網站和應用程式建置販售,含 2–10 次提示詞下載,不需長期承諾。 |
| Yearly Access | 每年 $279 | Yearly Access 每年 $279,可隨時取消。 |
| Lifetime Access | 一次性 $399 | Lifetime Access 為一次性付款 $399,旁邊顯示一個更高的 $759 數字。 |
提示詞包選擇器提供 2、5 和 10 次下載,預設畫面顯示的價格是 $49;其他數量的價格未在此處顯示。頁面沒有說明終身價旁邊的 $759 指的是什麼。
兩種會員都列出無限提示詞存取、應用程式存取、動畫背景、區塊、40+ Lovable 範本、MotionSites MCP 和社群存取,並都附加優先支援。MCP 伺服器包含在所有付費方案中。Lifetime Access 另外列出終身更新和搶先體驗。
客製私人提示詞另外定價:首屏區塊(一個區塊)標價 $99,旁邊顯示 $599;5–6 個區塊的登陸頁標價 $249,旁邊顯示 $1499,皆為一次性付款,且沒有解釋較高的數字。
在核對的價格頁、網站地圖和頁尾中沒有找到退款政策。
AI 工具目錄把 MotionSites 與同樣針對 AI 建站工具的元件庫放在一起。它們的差別在於你複製的內容:MotionSites 販售整頁設計提示詞和影片背景,而這些替代工具以單一 React 元件為主。
| 替代工具 | 你能得到什麼 | 免費使用 |
|---|---|---|
| 21st.dev | 以提示詞形式提供的 React 和 Tailwind 元件社群登錄庫 | 可免費瀏覽,每天 2 次免費元件複製 |
| Magic UI | 150+ 個開源動畫元件,適用於 React、TypeScript、Tailwind CSS 和 Motion | 免費且開源 |
| Aceternity UI | 可複製貼上的元件、區塊和範本,另有給 AI 代理的 MCP 伺服器 | 免費元件集,另有付費 All-Access Pass |
MotionSites 提供需求說明,但程式碼由建站工具撰寫,因此品質會隨你使用的工具和模型而不同。連官方教學也提到,提示詞已包含桌機、平板和手機的說明,但你仍應測試每種螢幕尺寸。
提示詞非常字面化。教學提示詞要求建站工具在背景中使用一個確切、預先設定的影片來源 URL。除非編輯提示詞,否則生成的網站會保留該範例媒體;而連結到外部代管影片檔的網站,要依賴該檔案持續在線。
截至 2026 年 9 月 28 日的紀錄,網站的 DESIGN.md 區域列有標示為「Coming soon」的項目,因此導覽中列出的欄目並非都已完全充實。
客製提示詞會寄到你提供的電子郵件,通常在幾個工作天內送達,因此不適合當天截止的需求。
在搜尋過的評測平台上,沒有找到具可用樣本數的產品層級評測;一個主要發表平台封鎖了自動存取;截至 2026 年 9 月 28 日,也沒有找到獨立科技媒體報導。因此,目前對產出品質的判斷主要仰賴廠商自己的教學。
不會。它提供提示詞、背景和範本;由 Lovable、Bolt、Cursor 或 Claude Code 等 AI 建站工具生成程式碼,你再把它發佈到自己的代管服務上,例如透過 GitHub 和 Vercel。
免費帳號可開啟三個提示詞。完整的 500+ 提示詞庫由付費方案解鎖,付費方案也列出背景、區塊和 MCP 伺服器;提示詞包則按固定下載次數販售,不需訂閱。
兩種付費會員都標明涵蓋個人與客戶專案。沒有找到單獨的授權文件或服務條款,因此方案說明是唯一寫明的使用權。
廠商為庫內提示詞列出了 Lovable、Bolt、Cursor、Claude、v0 和 Replit,客製提示詞則另外加上 ChatGPT、Codex 和 Google AI Studio。MCP 伺服器支援 Claude、Cursor 和 Codex。
只需要少量設計的一次性專案適合買提示詞包。$399 的 Lifetime Access 方案增加了無限提示詞、額外合集、MCP 存取、終身更新和搶先體驗,主要在你經常建置頁面時才有意義。
Lovable 提示詞是你貼到 Lovable 聊天框中、讓它生成設計的文字。40+ Lovable 範本在兩種付費會員中作為單獨一項列出,價格頁沒有進一步介紹。