目录

MotionSites 评测:89 个 prompt 的 AI 网站设计库,是真省时间还是智商税

MotionSites 评测:89 个 prompt 的 AI 网站设计库,是真省时间还是智商税

写在前面:MotionSites 不是开源项目,也不是另一个 AI 网站生成器。它是一套预制 prompt + 设计片段的订阅库,喂给 Lovable、Bolt、Cursor、Claude 这些 AI 网站生成器使用。本文要回答的核心问题是:这套东西解决了 AI 网站生成的哪个真实痛点,$349 终身制值不值,哪些用户该买,哪些应该跳过。

三件判断,先放在前面

  1. MotionSites 解决的不是「不会写 prompt」,而是「prompt 能不能写出好设计」这个层面。 AI 网站生成器对「写一个 SaaS 着陆页」这种通用 prompt 已经响应得很稳,难点在于「写出一个看起来不像 AI 生成的、有设计感的 hero」。MotionSites 把这种 hero / landing / 动画背景的「设计语言」提前写成结构化 prompt,用户拿过去直接喂或小幅改写。

  2. 它对独立开发者(不擅长视觉设计)的杠杆最高,对本身具备视觉判断力的从业者价值快速递减。 一份好的 hero prompt 能省下「研究设计参考 → 自己调 CSS → 重做 3 遍」的大半天;已经能用 Figma 直接画线的设计师 / 设计敏感型工程师,MotionSites 帮不上太多——他们本来就在做这件事。

  3. $349 终身制不是慈善,是把用户的「我可能用一个月就不用了」焦虑一次性买断。 锚定价 $299 + 终身 $349 + 月付 $27 三档并存的设置,是「让月付用户觉得终身是优惠、让终身用户觉得月付是浪费」的标准做法。下面 benchmark 段会拆。

系统地图:MotionSites 在 AI 网站生成链路里在哪一环

先把整个「AI 生成网站」的链路拆出来,MotionSites 不是替代任何一环,而是补充其中一段:

环节痛点谁来解决
想法 → 设计参考不知道好看的设计长什么样Dribbble / Awwwards / Mobbin
设计参考 → prompt看了 50 张图还是写不出 promptMotionSites(本次评测对象)
prompt → 网站模型不能稳定理解设计语言AI 生成器本身(Lovable 等)
微调样式生成结果细节不符合预期手动调整 / 设计师
部署上线Vercel / Netlify / Cloudflare

关键观察:MotionSites 不解决「prompt 写得好不好」这种基础问题——这种通用 prompt 已经很容易写。它解决的是「怎么让 prompt 里有结构化的设计语言」,把 hero / landing / gradient / 3D 这些设计类型里的「视觉骨架」提前写好。

五条主线:MotionSites 库里的 89 个 prompt 怎么分

按 JS bundle 里抓出来的 slug 命名规律,整个库的内容可以拆成 5 条主线:

主线slug 后缀规律数量(估)解决的设计问题
Hero Sections-hero~67 个着陆页首屏的视觉冲击
Landing Pages-landing~12 个完整着陆页的骨架
3D / 动画背景-background少量让背景活起来
Section 组件-section少量单个区块的视觉
Gradient / Color内嵌于各 prompt配色与渐变

⚠️ 数量是 JS bundle 里抓出来的近似值——slug 命名规律一致但实际数量作者可能动态更新。ViktorOddy 自己在 YouTube 频道里没公布过精确数字。

典型 prompt 命名举例(直接看名字就能猜到对应行业):

  • apex-saas-hero / bionova-hero / nexora-hero —— SaaS 产品
  • crypto-wealth-hero / evr-ventures-hero —— 加密/Web3
  • ecovolta-hero / acreage-farming-hero —— 农业科技
  • ai-automation-hero / bloom-ai-hero —— AI 产品
  • duolingo-styleguide-hero —— 风格化品牌模仿

每个 prompt 不是简单一段文字,而是结构化的「设计指令集」——颜色变量、字体堆栈、动画时长、组件层级都明确写好。直接复制到 Lovable 的 prompt 框里就能生成可用的 hero 页面。

一个真实的 prompt 长什么样

⚠️ 以下 prompt 结构是基于 JS bundle 里抓到的 prompt 标签、分类、字段名推断的近似结构——具体文字、颜色变量值、动画时长由 ViktorOddy 付费后才会完整解锁给用户看。这里展示的是「这种 prompt 长什么样」而不是「apex-saas-hero 真实文本」。

apex-saas-hero 举例子。它的 prompt 不是一句话而是分块的:

1. 调色板(CSS variables)
   --primary: hsl(220 90% 56%)
   --bg: hsl(220 20% 6%)
   --fg: hsl(220 15% 95%)
   --accent: hsl(280 90% 65%)

2. 字体堆栈
   headline: 'Space Grotesk', system-ui, sans-serif
   body: 'Inter', system-ui, sans-serif

3. Hero 结构
   - Sticky nav(透明背景 → scroll 后切换为 glass)
   - 主标题(display 字号 + gradient text)
   - 副标题(max-width 480px)
   - 双 CTA 按钮(primary + ghost)
   - 背景:animated gradient mesh(CSS keyframes)
   - 浮动卡片(3 张 mock 产品卡,stagger 入场)

4. 动效
   - 入场:fade-up,0.6s cubic-bezier(0.16, 1, 0.3, 1)
   - 悬停:cards scale(1.02) + shadow
   - 滚动:nav backdrop-filter blur 切换

5. 必备组件
   - <Hero /> + <TrustedBy /> + <FeatureGrid /> + <Pricing /> + <CTA />

把这 5 块直接粘进 Lovable 的 prompt 框,再补一句「这是给一个 AI 自动化 SaaS 用的」,AI 生成器在 30 秒内就能给出一个能跑的 hero 页面——配色、字体、动效都对,不是 AI 默认的那种「白底 + 蓝按钮」。

任务流案例:freelancer 接到一个新客户的 4 小时

把抽象的产品价值放在具体场景里跑一遍。假设你是个独立开发者,接到一个本地咖啡店的网站项目:

传统流程(8-12 小时)

  1. 1 小时:去 Dribbble / Pinterest 找参考
  2. 1 小时:和客户对齐风格
  3. 2-3 小时:在 Figma 画线框图
  4. 3-4 小时:用 AI 生成器写 prompt 调样式
  5. 1-2 小时:微调细节,部署

用 MotionSites 的流程(3-4 小时)

  1. 30 分钟:在 MotionSites 里搜「cafe」「local business」「warm tone」类 prompt
  2. 选 2-3 个 hero prompt 做基线
  3. 1 小时:把客户信息(logo、文案、地址)替换进去
  4. 1 小时:用 AI 生成器跑 prompt,看输出
  5. 30-60 分钟:微调 + 部署

杠杆点在第 1-3 步:传统流程你需要从 0 写出「温暖、木质、有手写感的咖啡店 hero」,MotionSites 直接给你一个已经能用的 prompt 模板,你只改文本、不改设计语言。省下的不是 prompt 写作时间(那个本来就 10 分钟),而是「设计参考搜索 + 视觉骨架搭建」的 3-5 小时。

但这里有个边界:如果客户要的是「完全原创的品牌视觉」,MotionSites 的 prompt 模板反而会成为束缚——你会不自觉地被已有的设计语言框住。这时候反而该从空白开始。

benchmark 段:$349 终身制背后的产品定价策略

把价格档当商业 benchmark 看,比单纯说「贵不贵」更有信息量。从 JS bundle 抓到的实际数据:

档位价格锚定适合谁
Free$0想看看长什么样的用户
月付(Pro)$27/月一个月能做完所有项目的用户
月付(Creator)$35/月重度创作者
年付~$239/年$299一年内有持续项目
终身制$349(一次性)$299「我会一直用,但不想每月付费」的用户

benchmark 1 — 锚定效应:年付标 $299、终身 $349,只差 $50。这是「让你觉得终身是划算的交易」的标准做法——$50 vs 一次性 vs 订阅的并列展示里,用户大概率选终身。

benchmark 2 — 用户终身价值(LTV)对齐:假设月付用户平均用 6 个月就流失,月付 LTV = $27 × 6 = $162。终身 $349 对应 LTV 翻倍——作者赌的是「终身用户的真实留存时间是 12+ 个月」。MotionSites 是 2026 年的新产品,这个赌能不能赢要等 1-2 年再看。

benchmark 3 — 不能直接推出的结论:不能因为「终身 $349 比月付 13 个月便宜」就推出「终身绝对划算」。真正的判断依据是「你未来 12 个月会用它做几个项目」——如果 1 个项目,那月付 $27 + 5 小时自己写 prompt 反而更划算;如果 6 个项目,每个项目省 4 小时 × 时薪 $50 = $200/项目 × 6 = $1200,省的远比 $349 多。

适用边界:谁该买,谁可以等

✅ 该买的用户画像

  • 每月接到 1-2 个 web 项目的 freelancer —— 单项目省 4 小时 × 时薪 $50+ × 月均 2 项目 = 月省 400+,终身 $349 两月回本。
  • 非设计背景的独立开发者 —— 让 AI 帮你做出「不像 AI 生成的」设计,省下学设计的时间。
  • AI 工具早期 adopter —— 已经用 Lovable / Bolt / Cursor,把设计感当成瓶颈的用户。

❌ 不必买的用户画像

  • 有专职设计师的小团队 —— 设计师本来就在做这件事。
  • 每年只做 1-2 个网站的用户 —— 月付 $27 × 12 = $324 已经接近终身 $349,没必要。
  • 追求完全原创设计的品牌 —— 模板反而是束缚。
  • 预算极紧的学生 / 学习者 —— Free 档 + 自己研究 Dribbble 是更扎实的路径。

⚠️ 决策前需要验证的事

  1. 看 Free 档能给多少 prompt —— 如果 Free 档够用,就不必订阅
  2. 看退款政策 —— 文档里没明确写,先问清楚再买
  3. 看 prompt 更新频率 —— 静态库 = 一次性价值,动态更新 = 终身制有意义

判断不出时怎么验证

如果读完上面还是不知道该不该买,按下面顺序跑一遍:

  1. 用 AI 生成器手写一个 hero prompt(15 分钟),记录生成结果
  2. 用 MotionSites 的 Free 档找个类似 prompt 跑一遍(15 分钟),对比结果
  3. 如果 MotionSites 输出明显更好 → 月付 $27 试 1 个月,看是否持续稳定
  4. 如果输出差不多 → 你的 prompt 能力够用,不必付费

这条验证链的好处是把「$349 终身」这种大额决策拆成「30 分钟对比实验」+ 「月付试错」,避免用直觉决定大额支出。

决策建议:从哪里开始

如果你决定试试,按这个顺序:

  1. 先看 Free 档 —— 评估 prompt 质量是否值得付费
  2. 如果有 1 个紧急项目要交付 —— 月付 $27 试 1 个月,看真实省时
  3. 如果月付 3 个月都觉得值 —— 升级到终身 $349(锚定价 $299 实际成交看当时)
  4. 如果月付用 1 个月觉得不够值 —— 退款 + 转自己写 prompt

另一种思路:把 $349 当「一次性买断焦虑」的价格 —— 你不是在为 prompt 付费,而是在为「不用每月纠结要不要续费」这个心理成本付费。这种计算方式对某些用户是合理的,对另一些不合理,关键看你自己。

系统层判断:MotionSites 这类产品的位置

把视野拉远一点。MotionSites 是 「AI 工具 + 设计资产库」 组合这个品类里的一个具体例子。同类位置还有:

  • Cursor Directory —— Cursor 的 prompt / 规则模板
  • Lovable Templates Gallery —— Lovable 内置的官方模板
  • Anthropic Cookbook —— Claude 用户的提示工程示例

这个品类的共同点:随着底层 AI 工具越来越强,「设计资产」的可替代性在上升。Lovable 自己加模板、Bolt 加组件库、Cursor 加项目模板——都在蚕食第三方 prompt 库的价值空间。

MotionSites 的护城河是什么? 三个互相强化的层:

  1. 作者品味——ViktorOddy 是有 YouTube 频道(@ViktorOddy,YouTube URL 在 footer 里)的设计师,prompt 是手写设计语言而不是 AI 生成。这是同类 prompt 库(Cursor Directory 等)最难复制的部分。
  2. 持续更新——库的更新频率是另一个关键。如果 6 个月不更新,作者就需要重新证明价值;如果每月加 10-20 个新 prompt,终身制的承诺才有意义。
  3. 作者品牌 + 渠道——ViktorOddy 的 YouTube 频道是 MotionSites 的天然获客渠道,营销成本低。这层护城河对纯做 prompt 库的竞争者(如 Cursor Directory)是结构性优势——后者没有同等的个人品牌入口。

结尾判断

MotionSites 不是一个「AI 网站生成器」,也不是「prompt 教程」,它是 「设计资产 + 持续更新」打包成的订阅服务。$349 终身值不值,唯一相关的事实是你未来 12 个月会做几个网站项目——这不是产品问题,是你的项目数问题。

如果你每月有 2+ 项目且自己写 prompt 慢,省下的时间远超 $349。如果你每年只做 1-2 个,月付试 1 个月是最稳妥的验证路径。

它真解决的问题:把「从设计参考到可用的 prompt 模板」这一步的时间从 2-3 小时压缩到 30 分钟。 它没解决的问题:完全原创的视觉设计、品牌一致性、跨项目复用。

知道这两条边界,再决定要不要把那 $349 掏出来。