700个网站经验压进一个Skill，AI落地页就能不土了？

又一个让AI做高级落地页的Skill开源了。作者@viktoroddy，项目叫MotionSites Web Builder，指令和代码用MIT许可，装进Claude Code、Cursor、Codex后可以生成带电影感、强动效的落地页。它瞄准的毛病很具体：紫渐变、三列卡片、英雄区放一句空话。README把AI网站长得一样归因于三点：计划含糊、没有真实媒体、没人看结果。这个归因比动效配方更有意思。

项目里有什么：40个示例提示词，取自MotionSites上点赞高的免费prompt；50多个电影感英雄视频、30个透明3D cut-out、29张图，放在编号contact sheet里让模型按视觉挑；55个以上技术配方，覆盖无缝视频循环、液态玻璃、逐词模糊标题、鼠标擦洗视频、聚光灯揭示、深度轮播、滚动叙事、Three.js真3D模型。还有一套带具体数字的设计品味规则，字号、字距、间距、颜色、动效时长、文案。以及一个spec模板，先写精确brief再写代码。

项目演示里有个Feather Atlas页面，翠鸟资料页，左侧分类导航，右侧学名、介绍、360度旋转按钮、放大镜、飞行动画。至少能看出它追求编辑感，不堆卡片。视频：

关键环节在生成之后。Skill会自己截图，跑QA脚本，查坏资源、移动端溢出、字体、视频播放，再按评分表打分，没过线就改。有网友提醒，别忘自截图打分这步，否则还是模板味。这个提醒比电影感重要。也有网友问动效会不会吃性能。README没给帧率预算，QA查的是坏资源、溢出、字体、视频播放，不是帧率。性能得拿目标设备自己跑。

安装：Claude.ai和桌面版下载motionsites-web-builder.zip，在Customize→Skills→+→Create skill→Upload a skill上传，打开Code execution。Claude Code用插件命令：

/plugin marketplace add Motionsites-AI/claude-skill
/plugin install motionsites-web-builder@motionsites

没有GitHub SSH key就换https地址。手动安装把plugins/motionsites-web-builder/skills/motionsites-web-builder复制到~/.claude/skills/。想让模型看见自己的结果，最好装Playwright：pip install playwright && python -m playwright install chromium。

免费和付费边界得说清楚。免费包里是40个示例、50多个视频、30个3D cut-out、29张图、55个以上配方。作者说的700+网站设计经验是打包背景，不等于700个模板全免费。完整库在MotionSites Unlimited，有500+ premium prompts、40+ Lovable模板、MCP。有网友问免费包到底是40个示例还是得买Unlimited才有700，这个问题值得先答。

AI落地页同质化，不全是紫色渐变的锅。流程里缺一个看完再改的环节。这个Skill把截图和评分塞进循环，方向对。但别指望装完就获奖，40个示例是采样，文案和首屏转化仍然得人管。电影感可以加分，盖过转化文案就本末倒置。有网友做酒企活动页时更在意首屏转化文案，这个判断比动效参数更接近生意。

项目地址：MotionSites Web Builder。原推：牧枫的分享。