Toolso.AI
Toolso.AI
所有工具分類熱門榜單最新工具價格部落格
Toolso.AI
Toolso.AI

💌訂閱 AI 工具週報

每週精選最新、最熱門的AI工具和行業動態,直達您的信箱 訂閱

Toolso.AI
Toolso.AI

發現最好的AI工具,提升你的工作效率

GitHubGitHubTwitterX (Twitter)YouTubeYouTubeTikTokEmail

熱門分類

  • AI寫作
  • AI影象
  • AI影片
  • AI程式設計
  • 更多分類

探索發現

  • 最新收錄
  • 熱門推薦
  • 更多工具
  • 提交工具
  • 價格

關於

  • 關於我們
  • 聯絡我們
  • 部落格
  • 更新日誌

法律

  • Cookie政策
  • 隱私政策
  • 服務條款
  • 退款政策
© 2026 Toolso.AI 保留所有權利
限時推廣限時推廣加速推廣24h 優先審核 · 無需反鏈 · 30 天推薦展示$29.90到期後 $59.9010月31日後漲價至 $59.90距結束--:--:--立即提交
  1. 首頁
  2. 所有工具
  3. 開發工具
  4. MotionSites AI
MotionSites AI介面預覽
MotionSites AI標誌

MotionSites AI

MotionSites AI 是一個收錄 500+ 條提示詞的庫,用於生成動態效果登陸頁和首屏區塊,可貼到 Lovable、Bolt、Cursor、Claude 或其他 AI 建站工具中,另有 MCP 伺服器供程式設計 AI 代理直接取用。

開發工具設計工具#模板#落地頁#提示詞生成
查看定價
收藏
訪問次數
瀏覽次數
定價
付費
發布日期
2026年9月28日
網域
motionsites.ai
使用者評分

用過這個工具嗎?為它評分

為這個工具評分

MotionSites AI 工具資訊

查看定價
工具資訊
收藏
訪問次數
瀏覽次數
定價
付費
發布日期
2026年9月28日
網域
motionsites.ai
使用者評分

用過這個工具嗎?為它評分

為這個工具評分

推薦工具

相關工具推薦

查看定價

MotionSites AI 是什麼?

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。

給程式設計 AI 代理的 MCP 伺服器

MotionSites 也運行一個 MCP(Model Context Protocol)伺服器,讓 AI 代理可以直接請求設計。據介紹,設定只需一條指令、不需要 API 金鑰,伺服器支援 Claude、Cursor 和 Codex。對已經在 Claude Code 或 Cursor 中建置的人來說,這省去了複製貼上的步驟:AI 代理會找出相符的設計,並在同一個工作階段中拿到完整提示詞。

客製私人提示詞

如果庫裡沒有你想要的設計,MotionSites 販售依據你提供的參考製作的客製提示詞。每筆客製訂單被描述為一份完整提示詞,可在 Lovable、Cursor、Claude、Codex 和 Google AI Studio 中使用,並附上全部專案檔案——影片、動態圖片、字型和素材。

Academy 教學

Academy 是一組簡短的影片建置教學,每支影片都附上所用的提示詞,方便你複製和改編。

使用指南

用提示詞建置動態頁面

  1. 挑選設計。 瀏覽提示詞庫,選擇字體排版、版面、動畫和整體風格符合你目標的設計。
  2. 複製完整提示詞。 開啟設計,點選 Copy Full Prompt,貼到 Claude Code、Cursor、Bolt、Lovable 或其他 AI 建站工具中。
  3. 檢查第一次生成結果。 開啟生成的網站,檢查背景影片是否播放、文字動畫是否流暢、字型是否正確載入。
  4. 改寫內容。 請 AI 保留現有設計,同時為你的業務改寫文案,再把通用圖庫圖片換成你自己的視覺素材、專案截圖或 AI 生成的影片。
  5. 小步微調。 一次只改一處,例如標題字級或背景影片的暗度,因為細小、具體的指令通常比請 AI 重新設計整頁效果更好。
  6. 在 MotionSites 之外發佈。 把完成的程式碼移到你自己的程式碼儲存庫和代管服務商,詳見「支援平台」一節。

連接 MCP 伺服器

  1. 選擇 AI 工具。 MCP 頁面會詢問你使用哪個工具(Claude Code、Cursor、Codex 或其他用戶端),並顯示對應的設定說明。
  2. 註冊伺服器。 以 Claude Code 來說,這是在終端機執行一條 claude mcp add 指令;Cursor 和 Claude Desktop 則改用設定項目或自訂連接器。
  3. 登入並授權。 瀏覽器會開啟一個視窗,你在其中用 MotionSites 帳號登入並核准 AI 代理的存取。
  4. 請求設計。 描述你想要的頁面,AI 代理會把真實的 MotionSites 提示詞拉進對話,範圍限於你的帳號能開啟的內容。

使用情境與範例

官方教學和服務頁面展示了這些提示詞針對的專案類型。它們是廠商挑選的範例,不是獨立的案例研究。

作品集與工作室首頁

一支教學建置了電影感的作品集首頁,包含背景影片、動態文字排版、液態玻璃按鈕和響應式行動版選單。這是典型的 MotionSites 模式:視覺份量很重、手工做動畫要花很多小時的首屏,由一條提示詞生成,再用你自己的作品改寫。

房產與高端登陸頁

另一支教學的提示詞只建置豪華房地產登陸頁的導覽列和首屏區塊,說明區塊級提示詞可以讓現有網站換上新的第一印象,而不必重建下方的全部內容。

重現參考設計

客製服務接受任何網站、Dribbble 作品、Pinterest 看板或截圖連結,並把其版面、動態效果和品牌方向轉化為 MotionSites 提示詞。這適合已經從客戶或內部設計師那裡拿到視覺參考、希望得到一份 AI 建站工具能重現的提示詞的團隊。

自由工作者的客戶網站

價格頁拿終身方案與自由工作者報價相比,稱一個自由工作者製作的登陸頁通常要 $500–$2,000。這項比較是廠商自己的說法,並非實測的節省,但它表明了目標買家:替客戶交付登陸頁、想要有高級感起點的人。

適用人群

  • 已在使用 AI 程式設計工具的建置者。 MotionSites 為 Lovable、Bolt、Cursor、Claude Code 等工具補上設計方向,並不取代它們。如果你還沒用其中任何一個建站工具,得先有一個,提示詞才有用。
  • 自由工作者和小型代理商。 兩個付費方案都標明涵蓋個人與客戶專案,因此這個庫可用於付費客戶專案,而不只限於個人網站。
  • 已有完成作品集的設計師。 Creator Program 要求提供現有網站設計的連結,並表示不需要 Figma 檔案、影片、提示詞或額外工作就能從中獲得收益。
  • 聯盟推廣者和內容創作者。 聯盟計畫每次推薦支付 40% 佣金,可透過電匯/SWIFT、PayPal、本地銀行轉帳或 Wise 付款。

如果你想要一個自帶編輯器、範本和網域的一站式代管建站工具,或是你的組織在購買前必須審閱隱私權政策和服務條款,MotionSites 就不太適合,因為在核對的頁面中沒有找到這些文件(見「注意事項」)。

支援平台

  • 網頁版庫。 MotionSites 在瀏覽器中使用;在官方頁面和應用程式商店搜尋中都沒有找到原生桌面或行動應用程式。
  • AI 建站工具。 MotionSites 把工作流程描述為:瀏覽設計、複製提示詞,貼到 Lovable、Cursor、Bolt、Claude、v0 或 Replit 等 AI 建站工具中,然後自訂並上線。
  • 客製提示詞。 對於客製訂單,MotionSites 列出了 Cursor、Claude、ChatGPT、Codex、Lovable、Google AI Studio,以及任何接受文字提示詞的其他工具。
  • 透過 MCP 接入 AI 代理。 列名的 MCP 用戶端是 Claude、Cursor 和 Codex,設定頁另有「其他」(Other)選項。
  • 代管與程式碼。 官方教學最後把完成的網站上傳到 GitHub,並透過 Vercel、Bolt 或其他代管平台發佈。在核對的頁面中,MotionSites 本身沒有說明代管、自訂網域或程式碼匯出;這些取決於你選擇的建站工具和代管服務,程式碼存放在你自己的專案中。

價格套餐

會員費以美元計價。以下是 2026 年 9 月 28 日紀錄的價格頁所示自助選項:

選項顯示價格包含內容
免費帳號免費免費帳號可開啟三個免費提示詞,付費方案則解鎖全部 500+ 提示詞。
提示詞包預設選項下 $49提示詞包針對一次性網站和應用程式建置販售,含 2–10 次提示詞下載,不需長期承諾。
Yearly Access每年 $279Yearly Access 每年 $279,可隨時取消。
Lifetime Access一次性 $399Lifetime Access 為一次性付款 $399,旁邊顯示一個更高的 $759 數字。

提示詞包選擇器提供 2、5 和 10 次下載,預設畫面顯示的價格是 $49;其他數量的價格未在此處顯示。頁面沒有說明終身價旁邊的 $759 指的是什麼。

兩種會員都列出無限提示詞存取、應用程式存取、動畫背景、區塊、40+ Lovable 範本、MotionSites MCP 和社群存取,並都附加優先支援。MCP 伺服器包含在所有付費方案中。Lifetime Access 另外列出終身更新和搶先體驗。

客製私人提示詞另外定價:首屏區塊(一個區塊)標價 $99,旁邊顯示 $599;5–6 個區塊的登陸頁標價 $249,旁邊顯示 $1499,皆為一次性付款,且沒有解釋較高的數字。

在核對的價格頁、網站地圖和頁尾中沒有找到退款政策。

MotionSites AI 替代工具

AI 工具目錄把 MotionSites 與同樣針對 AI 建站工具的元件庫放在一起。它們的差別在於你複製的內容:MotionSites 販售整頁設計提示詞和影片背景,而這些替代工具以單一 React 元件為主。

替代工具你能得到什麼免費使用
21st.dev以提示詞形式提供的 React 和 Tailwind 元件社群登錄庫可免費瀏覽,每天 2 次免費元件複製
Magic UI150+ 個開源動畫元件,適用於 React、TypeScript、Tailwind CSS 和 Motion免費且開源
Aceternity UI可複製貼上的元件、區塊和範本,另有給 AI 代理的 MCP 伺服器免費元件集,另有付費 All-Access Pass
  • 21st.dev 在工作流程上最接近。瀏覽其整個登錄庫免費,每天可免費複製 2 次元件,會員可無限複製。
  • Magic UI 提供 150+ 個免費開源的動畫元件和特效,以 React、TypeScript、Tailwind CSS 和 Motion 建置,適合更想自己掌握元件程式碼、而不是購買提示詞的建置者。
  • Aceternity UI 讓你直接使用其元件,或把你的 AI 代理連接到 Aceternity UI MCP 伺服器,類似 MotionSites 自己的 MCP 路線。

注意事項

效果取決於你的 AI 建站工具

MotionSites 提供需求說明,但程式碼由建站工具撰寫,因此品質會隨你使用的工具和模型而不同。連官方教學也提到,提示詞已包含桌機、平板和手機的說明,但你仍應測試每種螢幕尺寸。

提示詞帶有固定媒體和預留內容

提示詞非常字面化。教學提示詞要求建站工具在背景中使用一個確切、預先設定的影片來源 URL。除非編輯提示詞,否則生成的網站會保留該範例媒體;而連結到外部代管影片檔的網站,要依賴該檔案持續在線。

部分欄目仍在補充

截至 2026 年 9 月 28 日的紀錄,網站的 DESIGN.md 區域列有標示為「Coming soon」的項目,因此導覽中列出的欄目並非都已完全充實。

客製提示詞需要數天

客製提示詞會寄到你提供的電子郵件,通常在幾個工作天內送達,因此不適合當天截止的需求。

隱私與權利

  • 沒有找到法律文件。 在核對的網站地圖、路由清單和頁尾中,沒有找到隱私權政策、服務條款或退款政策。核對的頁面也沒有說明內容或帳號資料是否被用於 AI 訓練,因此這一點未作說明。
  • 聯盟追蹤。 聯盟計畫採用 30 天 Cookie 追蹤和首次接觸歸因,這表示推薦 Cookie 可能會跟隨透過聯盟連結來訪的訪客。
  • 客製提示詞保持私人。 服務頁稱客製提示詞只為買家製作、從不公開發佈,這使它有別於共享庫。

獨立證據很少

在搜尋過的評測平台上,沒有找到具可用樣本數的產品層級評測;一個主要發表平台封鎖了自動存取;截至 2026 年 9 月 28 日,也沒有找到獨立科技媒體報導。因此,目前對產出品質的判斷主要仰賴廠商自己的教學。

FAQ

Q1. MotionSites AI 會幫我建置或代管網站嗎?

不會。它提供提示詞、背景和範本;由 Lovable、Bolt、Cursor 或 Claude Code 等 AI 建站工具生成程式碼,你再把它發佈到自己的代管服務上,例如透過 GitHub 和 Vercel。

Q2. 免費能用什麼?

免費帳號可開啟三個提示詞。完整的 500+ 提示詞庫由付費方案解鎖,付費方案也列出背景、區塊和 MCP 伺服器;提示詞包則按固定下載次數販售,不需訂閱。

Q3. 提示詞可以用於客戶專案嗎?

兩種付費會員都標明涵蓋個人與客戶專案。沒有找到單獨的授權文件或服務條款,因此方案說明是唯一寫明的使用權。

Q4. 哪些 AI 工具可以使用 MotionSites 提示詞?

廠商為庫內提示詞列出了 Lovable、Bolt、Cursor、Claude、v0 和 Replit,客製提示詞則另外加上 ChatGPT、Codex 和 Google AI Studio。MCP 伺服器支援 Claude、Cursor 和 Codex。

Q5. 該買 Lifetime Access 還是提示詞包?

只需要少量設計的一次性專案適合買提示詞包。$399 的 Lifetime Access 方案增加了無限提示詞、額外合集、MCP 存取、終身更新和搶先體驗,主要在你經常建置頁面時才有意義。

Q6. Lovable 提示詞和 Lovable 範本有什麼不同?

Lovable 提示詞是你貼到 Lovable 聊天框中、讓它生成設計的文字。40+ Lovable 範本在兩種付費會員中作為單獨一項列出,價格頁沒有進一步介紹。

發現類似工具?
如果你知道其他優秀的AI工具,歡迎提交給我們