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 构建一个首屏区块,因此产出的是代码项目,而不是某个专有编辑器里的页面。
另有一个合集提供动效视频背景,网站称其“为转化、惊艳与震撼而设计”。背景页上的每个图块都带有“复制 URL”(Copy URL)操作而不是提示词,所以你拿到的是一个供建站工具使用的 URL。
MotionSites 还运行一个 MCP(模型上下文协议)服务器,让 AI 智能体可以直接请求设计。其设置被描述为一条命令、无需 API 密钥,服务器可与 Claude、Cursor 和 Codex 配合使用。对已在 Claude Code 或 Cursor 中构建的人来说,这省去了复制粘贴步骤:智能体查找匹配的设计,并在同一会话中收到完整提示词。
如果你想要的设计不在库中,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 | 年度访问每年 $279,可随时取消。 |
| 终身访问(Lifetime Access) | 一次性 $399 | 终身访问为一次性付款 $399,旁边显示一个更高的 $759 数字。 |
提示词包选择器提供 2、5 和 10 次下载,默认视图显示的价格为 $49;该处未显示其他数量的价格。页面也未解释终身价格旁的 $759 指的是什么。
两种会员都列出了无限提示词访问、应用访问、动效背景、区块、40+ 个 Lovable 模板、MotionSites MCP 和社区访问,并都加上优先支持。MCP 服务器包含在所有付费方案中。终身访问另列有终身更新和抢先体验。
定制私有提示词单独定价:首屏区块(一个区块)标价 $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 的终身访问方案增加无限提示词、额外合集、MCP 访问、终身更新和抢先体验,主要在你经常制作页面时才有意义。
Lovable 提示词是你粘贴到 Lovable 聊天框、让它生成设计的文字。40+ 个 Lovable 模板在两种付费会员中作为单独一项列出,价格页未作进一步说明。