ScrollCraft：让 Claude Code 帮你打造滚动驱动的高转化落地页

做网站的人最头疼什么？不是没内容，是设计感上不去，转化率提不起来。尤其落地页，用户滑两下就跑了，连按钮都懒得点。想做出那种滚动时元素渐入、视差移动、进度条跟着走的高级效果，要么花大钱请设计师，要么自己啃 GSAP、Lenis、ScrollTrigger 这些库，代码写到头秃。

最近在 GitHub 上看到一个项目叫 ScrollCraft，专门解决这个痛点。它是个 Claude Code 技能（skill），能让 AI 帮你直接生成滚动驱动的高级网站，而且据项目介绍，它还会自己截图验证滚动效果，确保不是花架子。目前已经 1115 颗星，热度不低。

ScrollCraft 是什么？

简单说，ScrollCraft 是一个给 Claude Code 用的技能包。Claude Code 是 Anthropic 出的命令行 AI 编程工具，你给它指令，它能改代码、跑命令。ScrollCraft 就是往 Claude Code 里塞了一套专门做滚动驱动网站的「武功秘籍」。

它把滚动当成时间轴（timeline），让页面元素跟着滚动位置变化，做出那种丝滑的动画效果。而且它不是随便生成代码就完事，据项目介绍，它会用真实浏览器截图，自己检查滚动效果对不对，相当于自带 QA。

项目用 JavaScript 写的，意味着前端生态无缝对接。你不需要手动配一堆构建工具，Claude Code 会帮你搞定。

实际能用来做什么？

1. 高转化落地页

落地页的核心是引导用户往下滑，最后点按钮。ScrollCraft 的滚动驱动设计正好契合这个逻辑：

滚动触发动画：文字、图片、按钮在进入视口时渐入或上浮，吸引注意力。
视差效果：背景和前景移动速度不同，增加层次感，让页面不单调。
进度指示器：顶部或侧边显示滚动进度，用户知道还有多少内容，减少跳出。
滚动讲故事：把产品卖点按滚动顺序一步步展开，像看幻灯片一样，转化率自然上去。

比如你做个 SaaS 产品落地页，首屏大标题，往下滑出现功能亮点、用户评价、价格表，每个模块都带点动效，用户不知不觉就滑到底了。

2. 作品集或个人网站

设计师、开发者、自由职业者最需要作品集出彩。ScrollCraft 能帮你做出那种「哇塞」的滚动体验，让访客记住你。不用自己写复杂动画，直接告诉 Claude Code 你想要什么效果，它生成代码并验证。

3. 副业接单利器

现在很多小企业想升级官网，但预算有限。如果你会点前端，用 ScrollCraft 能快速交付高级感的网站，报价还能往上提。不会写代码也没关系，Claude Code 帮你写，你只需要描述需求。

4. 营销活动页

电商大促、产品发布、活动报名页，都需要短时间上线且视觉冲击力强。ScrollCraft 能快速生成滚动动画丰富的页面，配合倒计时、抽奖等元素，提高参与度。

使用门槛高不高？

要使用 ScrollCraft，首先得有 Claude Code。Claude Code 目前需要 Anthropic API key 或者订阅 Claude Pro/Max 才能用，有一定门槛，但不算高。安装 ScrollCraft 本身很简单，就是往 Claude Code 的 skills 目录里克隆项目，然后告诉 Claude Code 用这个技能就行。

具体步骤（据项目 README）：

安装 Claude Code（官方文档有教程）。
克隆 ScrollCraft 仓库到本地。
在 Claude Code 会话中激活技能，比如输入「用 scroll-craft 技能创建一个落地页」。
描述你的需求，Claude Code 会生成代码并自动截图验证。

对纯小白来说，可能还得先了解命令行和 Git 基础，但整体比手动写动画简单太多。

和其他方案对比

市面上做滚动动画的库不少，比如 GSAP + ScrollTrigger、Lenis、AOS、Locomotive Scroll 等。这些都很强大，但需要你手动写代码、调参数、测试效果，费时费力。

ScrollCraft 的优势在于：

AI 驱动：你描述需求，AI 生成代码，不用记 API。
自动验证：它自己截图检查滚动效果，省去人工调试。
集成在 Claude Code 里：可以直接改项目文件，不是生成静态代码片段。

当然，它也有局限：依赖 Claude Code 环境，不能像普通库那样直接引入 HTML。而且 AI 生成的效果可能不如手工精细，需要微调。

如果你不想用 AI，或者项目很简单，直接用 AOS 这种轻量库也行。但想要快速产出高质量滚动网站，ScrollCraft 是个不错的选择。

总结

ScrollCraft 把滚动驱动设计从「技术活」变成了「描述需求就行」。对于想做高转化落地页、提升网站设计感的人来说，这个工具值得一试。尤其适合副业建站、接单或者给自己的产品做营销页。

当然，工具再好，也得有好的内容和设计思路。ScrollCraft 负责实现效果，你负责想清楚要表达什么。两者结合，才能做出真正让用户滑到底的网站。

项目地址：https://github.com/nateherkai/scroll-craft

感兴趣的话，可以去 GitHub 看看，给个星支持一下作者。