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 服务器供编程智能体直接调取。

开发工具设计工具#模板#落地页#提示词生成
查看定价
收藏
访问次数
浏览次数
定价
付费
发布日期
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 构建一个首屏区块,因此产出的是代码项目,而不是某个专有编辑器里的页面。

动效背景

另有一个合集提供动效视频背景,网站称其“为转化、惊艳与震撼而设计”。背景页上的每个图块都带有“复制 URL”(Copy URL)操作而不是提示词,所以你拿到的是一个供建站工具使用的 URL。

面向编程智能体的 MCP 服务器

MotionSites 还运行一个 MCP(模型上下文协议)服务器,让 AI 智能体可以直接请求设计。其设置被描述为一条命令、无需 API 密钥,服务器可与 Claude、Cursor 和 Codex 配合使用。对已在 Claude Code 或 Cursor 中构建的人来说,这省去了复制粘贴步骤:智能体查找匹配的设计,并在同一会话中收到完整提示词。

定制私有提示词

如果你想要的设计不在库中,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 账户并批准智能体的访问权限。
  4. 请求设计。 描述你想要的页面,智能体会把真实的 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 接入智能体。 Claude、Cursor 和 Codex 是点名的 MCP 客户端,设置页另有“其他”(Other)选项。
  • 托管与代码。 官方教程最后将完成的网站上传到 GitHub,并通过 Vercel、Bolt 或其他托管平台发布。在核对的页面中,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,均为一次性付款,页面未解释较高的数字。

在核对的价格页、站点地图和页脚中,未找到退款政策。

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. 该买终身访问还是提示词包?

提示词包适合只需要少量设计的一次性项目。$399 的终身访问方案增加无限提示词、额外合集、MCP 访问、终身更新和抢先体验,主要在你经常制作页面时才有意义。

Q6. Lovable 提示词和 Lovable 模板有什么区别?

Lovable 提示词是你粘贴到 Lovable 聊天框、让它生成设计的文字。40+ 个 Lovable 模板在两种付费会员中作为单独一项列出,价格页未作进一步说明。

发现类似工具?
如果你知道其他优秀的AI工具,欢迎提交给我们