一句话总结
MotionSites 是 AI 编程时代的「Framer 模板市场」——不是下载代码，而是复制一段 Prompt，粘贴到 Lovable / Bolt / Cursor / Claude 里，AI 自动生成一个完整的网站区块。122 套模板覆盖 Hero、Landing Page、SaaS 仪表盘、Footer、Portfolio 等 19 个品类。
什么是 MotionSites？
MotionSites（motionsites.ai）是一个专为 AI 编程工具设计的高品质网站提示词库。它的核心思路简单而直接：你不是不会写 Prompt，你是懒得为每一个网站区块从头写 Prompt——那就直接用写好、验证过的。
目前支持的 AI 编程工具：
- Lovable — AI 全栈应用生成
- Bolt — AI 快速建站
- Cursor — AI 代码编辑器
- Claude — 通用 AI 助手（Artifacts 渲染）
数据概览
从 JS 源码中提取的完整数据：
| 指标 | 数值 |
|---|---|
| 模板总数 | 122 套 |
| 免费模板 | ~42 套 |
| 付费模板 | 7 套（$77–$349） |
| 品类数 | 19 个 |
品类分布
| 品类 | 数量 | 说明 |
|---|---|---|
| Hero Section | 35 | 首屏大图/标题区 |
| Landing Page | 29 | 完整落地页 |
| SaaS | 22 | SaaS 产品页面 |
| Footer Section | 5 | 页脚区块 |
| Agency | 5 | 设计/营销公司页面 |
| Portfolio | 5 | 作品集网站 |
| Features Section | 4 | 产品功能展示 |
| Social Media | 3 | 社交媒体模板 |
| 其他（Presentation / Web3 / Automotive 等） | 14 | 垂直领域 |
付费定价
| 价格 | 数量 |
|---|---|
| $77 | 1 |
| $117 | 1 |
| $149 | 1 |
| $239 | 2 |
| $349 | 1 |
模板亮点速览
以下是几个代表性模板：
| 模板名 | 品类 | 风格 |
|---|---|---|
| EMBER.dsgn | Hero Section | 创意设计机构风 |
| Finlytic AI Agent | SaaS | AI 产品落地页 |
| Crypto Wealth | Web3 | 暗色加密主题 |
| NOVA Space Systems | Landing Page | 太空科技风 |
| Duolingo Styleguide | Animation | 语言学习 App 动效 |
| Nike Premium Landing | Landing Page | 运动品牌电商 |
| 3D Portfolio | Portfolio | 3D 作品集展示 |
| ClubX Investors | Presentation | 投资人 PPT 风 |
模板涵盖了从 Fintech、Web3 到 AI / SaaS、Automotive 的广泛领域，风格多样——有暗色科技风、玻璃拟态、3D 视觉、极简商务等。
如何使用？
使用流程极其简单：
- 浏览 motionsites.ai，找到喜欢的模板
- 复制对应的 Prompt
- 粘贴到 Lovable / Bolt / Cursor / Claude 中
- AI 自动生成网站区块
不需要写一行代码，也不需要设计基础。Prompt 已经经过验证，生成结果稳定可预期。
为什么值得关注？
1. AI 编程工具的用户体验瓶颈
AI 编程工具的最大痛点不是能力不够，而是你不知道怎么让它生成你想要的东西。Lovable 能生成 SaaS 仪表盘，但你需要准确地描述布局、配色、动效、响应式策略——这个描述本身就是一门技能。
MotionSites 解决的就是这个「最后一公里」问题：把设计语言翻译成 AI 能理解的 Prompt。
2. 覆盖四大主流工具
目前 AI 编程工具市场高度分散，Lovable、Bolt、Cursor、Claude 各有自己的 Prompt 最优写法。MotionSites 的模板对四个平台分别适配，不是「一键复制通用模板」。
3. 品类全面，不只是 Hero 区
虽然 Hero 区占了 35 个（确实是最常用的需求），但 Landing Page 有 29 个、SaaS 有 22 个——覆盖面很广。从首屏到页脚、从功能展示到 CTA 区块，基本覆盖了一个营销网站的完整组件。
4. 免费比例高
122 套中约 42 套免费，涵盖了大部分常见场景。付费模板（$77 起）主要针对更垂直的高端设计需求。对于个人开发者和小团队，免费部分已经完全够用。
局限性
- 内容依赖 AI 工具的能力上限：Prompt 再好，最终还是依赖 Lovable / Bolt 等工具的生成质量。如果底层模型不支持某些复杂交互（如 3D 场景），再好的 Prompt 也生成不出来。
- 缺乏社区生态：相比于更成熟的模板市场（如 Framer、Webflow），MotionSites 目前是一个单向的 Prompt 分发平台，没有用户投稿、评分、修改建议等社区功能。
- 定价偏高：付费模板 $77–$349 的价格区间，对于一套 Prompt 来说不算便宜——虽然它们经过精心打磨，但「Prompt」本身的可复制性决定了它很难维持高价。
同类产品对比
| 平台 | 类型 | 数量 | 价格 | 特点 |
|---|---|---|---|---|
| MotionSites | AI Prompt 模板 | 122 | 免费+$77起 | 专为 AI 编程工具设计 |
| 21st.dev | React 组件 | 大量 | 免费 | 面向传统开发 |
| UI Shots | 截图灵感 | 大量 | 免费 | 仅供设计参考，无 Prompt |
MotionSites 的定位很清晰：它是「AI 编程工具的内容层」，填补了「设计灵感」和「代码实现」之间的空白。
适合谁用？
- 非技术创业者 — 想做 Landing Page 但不会写代码
- 独立开发者 — 快速出 MVP 页面，省去前端设计时间
- AI 建站新手 — 不知道怎么写好 Prompt，需要参考模板
- 设计师转型 — 有设计审美但不想手写代码，用 AI 工具实现设计稿
总结
- MotionSites 是 目前最完整的 AI 编程 Prompt 模板库，122 套覆盖 19 个品类
- 同时支持 Lovable / Bolt / Cursor / Claude 四大平台
- 约 1/3 免费，个人开发者零成本可用
- 本质是 「设计语言 → Prompt」的翻译器，让 AI 建站从「可能」变成「可控」
在 AI 编程工具快速迭代的 2026 年，Prompt 模板市场可能成为一个新的垂直品类。MotionSites 是目前这个赛道里最值得关注的玩家。
数据来源：motionsites.ai 前端 JS 源码解析（2026.07.14），模板数量及品类分布为从构建产物中提取的结构化数据。
