让 Claude 做出电影感网页的免费技能:先挑素材再动手,交稿前自己截图检查

4次阅读
没有评论

AI 写落地页最常见的毛病不是跑不起来,是跑起来很土:配色随便、动效生硬、手机上一看就溢出,然后你只能一轮轮截图回去让它改。MotionSites Web Builder 就是来治这个的,一个免费的 Claude 技能。

它的做法是先看再动手:Claude 先参考 MotionSites 上最受欢迎的设计,从 50 多个主视觉视频、30 个透明 3D 抠图和 29 张图片里挑素材,写好设计规格再开工。液态玻璃、无缝视频循环、滚动叙事、Three.js 3D 模型这类效果,有 55 个以上带代码的配方可以直接套,不用从零拼。

最关键的一步在交稿前:它会自己截图检查,资源有没有坏、手机端有没有溢出、字体和视频对不对,按评分标准修完再交给你。配合 Playwright 效果最好。

这个仓库 10 月 26 号才建,四天就拿了 1100 多个 star,说明被土落地页折磨过的人确实不少。Claude 网页版、桌面版和 Claude Code 都能装。注意一点:技能的指令和代码是 MIT 开源,示例提示词和媒体素材的版权归 MotionSites 所有。

项目地址:

https://github.com/Motionsites-AI/claude-skill

正文完
 0
评论(没有评论)