AI 做出来的落地页全是紫色渐变加三个圆角卡片，连动效都像复制粘贴
前两天我在 MotionSites 逛了一圈，发现它根本不是什么建站器，而是一个把「怎么写 Prompt」做成商品的库。挑一个 3D 风格的 hero section，复制旁边的 Prompt，扔进 Lovable、Bolt、Cursor 或者 Claude，几秒钟就能跑出带 Framer Motion 和 GSAP ScrollTrigger 的 React 代码。创始人在 dev.to 里直说：好 Prompt 不是越长越强，而是帮模型把五件事决定死透。
为什么 AI 生成的站点都长一个样
市面上大多数「AI 建站」演示都逃不开三板斧：紫色渐变背景、三个一模一样的特性卡片、fade-up 入场动画。这套组合在模型训练数据里出现得太多，导致生成时直接走「概率最高」的路径，出来的页面连配色、字体、间距都像一个模子刻出来的。换句话说，模型没被强制去做「字体系统、配色规则、网格布局、单一动效、真实素材」这五件事，所以只能靠统计规律凑合。
MotionSites 的 Prompt 到底在机制上解决了什么
MotionSites 把这五件事封装成一套可复用的模板，字段分别叫 TYPE、COLOR、LAYOUT、MOTION、ASSETS、DO NOT。把模板塞进 Lovable Knowledge、CLAUDE.md 或 Cursor rules，模型每次生成就必须遵守：
TYPE：把字体当系统写死，例headlines in Fraunces, weight 600, line-height 1.2COLOR：给 4~5 个命名色 + 强调色只用在主按钮和一个高亮词LAYOUT：用 12 栏网格 + 1200px 容器描述结构，明确DO NOT里列出 hero 居中、三个同款卡片、emoji 当图标、装饰色块MOTION：只保留一个动效瞬间，写清时长与缓动曲线，例900ms, cubic-bezier(0.16, 1, 0.3, 1)，并尊重prefers-reduced-motionASSETS：用真实产品截图替代占位图
这套模板把「模糊的审美偏好」变成「可执行的约束」，模型不再靠猜，直接按规则写代码，生成的页面自然不再千篇一律。
创始人公开的 5 决定模板，直接抄走
dev.to 帖子里把完整模板贴了出来，复制进你的 AI 编程工具就能立刻生效。核心片段如下：
TYPE: headlines in Fraunces, weight 600, line-height 1.2
COLOR: primary #0A1F44, accent #FF6F00, surface #FFFFFF, text #1A1A1A, muted #6B7280
LAYOUT: 12-column grid, 1200px max-width, DO NOT: hero centered, three identical feature cards, emoji icons, decorative color blocks
MOTION: single reveal, 900ms, cubic-bezier(0.16, 1, 0.3, 1), respects prefers-reduced-motion
ASSETS: real product screenshots only
把这段塞进 Lovable Knowledge 或 CLAUDE.md，下一次让模型「帮我做一个 SaaS landing page」时，它就会自动套用这套规则。
不想花钱也能抄作业：免费替代库
第三方实测整理了四个开源/免费库，覆盖动画组件、Prompt 复制流程，完全够日常折腾：
- Magic UI —— 150+ 开箱即用的动画组件，MIT 协议
- React Bits —— 专注微交互的 React 片段，免费
- 21st.dev —— 同款「复制 Prompt → 粘贴 AI」流程，每天免费复制 2 次
- Aceternity UI —— 基于
Tailwind CSS+Framer Motion的组件库，免费商用
唯一缺口是成体系的循环视频背景库，MotionSites 里的 animated backgrounds（Neon Pulse、Crystal Wave、Cosmic Ripple 等）目前还没有干净的免费替代。
定价提醒与避坑
第三方博客在 2026 年 7 月实测官网定价页：Go Unlimited 年费 $149 或一次性 $239（仅网站 Prompt），Power 档年费 $239 或一次性 $349（含动效背景与页面区块）。创始期曾推 $29 终身早鸟（2026 年 3 月）。价格随时可能变动，下单前请以 motionsites.ai 官网最新定价为准，别拿旧价做决策。
MotionSites 把「怎么写好 Prompt」产品化，帮你把五大决定提前锁死，配合主流 AI 编程工具几分钟出成品。如果你只想偶尔试手、不想订阅，直接把创始人公开的 5 决定模板贴进 Lovable / Bolt / Cursor / Claude，再配合上述四个免费库，完全能跑出不像 AI 生成的动画落地页。想省事、想要现成的循环视频背景，再考虑买 MotionSites 的 Power 档；想彻底白嫖，把模板和免费库组合起来就够用了。
