发布于 2026-08-24 . AI副业案例拆解 . 预计阅读时间 11 分钟

AI高端滚动网站定制副业,用scrollcraft给品牌做一单五千到三万的旗舰页,实操拆解(2026)

今天早上刷GitHub Trending,一个叫scrollcraft的东西挂在前面,256颗星,一天之内???

名字看着像某个网页滚动插件,点进去才发现,这是个Claude Code技能,专门做那种premium的滚动驱动网站,就是你滚鼠标滚轮,页面像电影一样一帧一帧放给你看的网站。

作者的README第一段就把我逗笑了。

他说现在AI做的网站,失败在两种方向,要么乖巧但平庸,要么花哨但糟糕。乖巧但平庸的那种,跟其他一万个AI页面长得一模一样,永远那六个区块。花哨但糟糕的那种,正文行宽2.1比1,标题在手机上折成六行,滚动动画炫得飞起,内容根本没法读。

一句话,AI网页设计行业最大的痛,被他一段话全说完了。

💡 想知道这个方向普通人实操的真实情况? 看训练营学员最近的结果 →

高端网页市场,AI还没打进去的一块肉

这个事对想做副业的普通人来说,是被低估的机会。

你想想看,AI建站这波已经卷成什么样了。Bolt.new出来之后,帮小企业做基础官网的单子,一单已经压到500到3000块,前一阵我还拆解过AI帮小企业建网站这个方向,低价建站早就红了海。

但高端市场完全是另一回事。

那些有品牌预算的公司,咖啡品牌、旅行品牌、设计工作室、地产项目、新车发布,他们不在乎省那几千块,他们在乎的是,这个页面能不能让用户记住我。一个品牌旗舰页,传统设计公司报价五万到三十万,周期两个月起。

这个价格带,AI还完全没打进去。因为过去AI根本做不出配得上这个价位的页面,做出来的全是六个区块的模板货。

scrollcraft干的就是这件事,把AI做网页的天花板,往上捅了一截。

它到底做了什么,凭什么一天256星

作者拿同一个引擎做了三个完全不同的页面当示例,我一个个说。

Orrery,一个旅行品牌。整个页面是一颗手做的地球模型,你滚轮往下,像从太空落进京都,穿过巴塔哥尼亚和撒哈拉,最后回到你出发的工作台,整页没有一条分节线。

PERKFORM,一个蛋白咖啡品牌。电影感一镜到底,中间两次硬切到全屏反色画面,声音很大,产品感极强。

Fallowbank,一个景观设计工作室。安静、纪实、克制,像博物馆的展签配着真实照片,结尾是一行流动的文字,不是一个按钮。

三个页面,同一个技能,同一个引擎,没有任何共享的骨架。

这就说到scrollcraft最狠的地方了。

它内置了8种互斥的页面语法,电影感一镜到底、分章编辑、连续世界、字体海报、画廊、分舞台、节奏剪辑,每种语法都禁止别的语法要求的东西,所以两件作品不可能悄悄趋同。它还要求每件作品必须发明一个只属于这个页面的签名交互,换颜色的聚光灯不算数。再来一道指纹门控,新页面必须在6个维度上跟之前所有页面至少有4个不同,语法、导航、开场、叙事结构、结尾、签名动作,不够就改方案,不是改记录。

换个说法,它把「不重复」这件事,从作者的自觉,变成了系统的强制。

设计标准也是真的硬。排版底线,最多两种字体族,行宽45到75字符,行高跟行长反着来。间距有节奏,4px基准,标题上方的空间永远大于下方。颜色分六个角色加一个强调色,没有纯黑。深度用五个工具,偏移阴影、边缘光、缩放模糊、重叠、颗粒。

它还有一张拒绝清单,相同功能卡片网格,不做,01/06计数器,不做,滚动提示,不做,渐变文字,不做,AI紫渐变,不做,编造的数据,不做。

最绝的是,它自己检查自己的作业。

一个headless浏览器会走到页面的每一个滚动位置,检查有没有滚了但画面不变的地方,对比度按合成后的页面逐行测量,视频有没有卡住都能查出来,然后输出一张contact sheet给你看。

等于你请了个自带质检员的设计师,还是24小时不休息的那种。

工具链,成本几乎为零

工具做什么用价格
Claude Code主工具,运行scrollcraft技能,跟AI协作出页面$20/月
scrollcraftClaude Code技能,8种页面语法加设计标准和自检免费开源
headless浏览器页面自检,走查每个滚动位置的对比度和动画内置
Vercel / Cloudflare Pages部署交付,客户域名直接解析免费起步

核心工具免费开源,跑起来用你现有的Claude订阅,成本只有时间。真正的门槛是审美和品牌理解,配色怎么选、文案怎么排、情绪曲线怎么设计,scrollcraft给你标准和质检,给不了你的品味。

普通人怎么靠它赚钱,三档服务

第一档,高端滚动网站定制(¥5000-15000/单)。客户是那些有品牌审美要求的公司,旅行品牌、咖啡品牌、设计工作室,你帮他们把官网或者品牌故事页做成滚动电影。这个价格对比传统设计公司,客户觉得捡了便宜,你赚得比Bolt.new建站多一个数量级。客户把品牌资料丢给你,你选一种页面语法,跑通生成和自检,交付。

第二档,品牌旗舰页加产品发布页(¥15000-30000/单)。新消费品牌发新品、地产项目开盘、车企发新车,都需要一个能砸出声响的落地页。这种单子对独特性的要求最高,正好是scrollcraft的指纹门控最值钱的地方。客户要求跟竞品不一样,系统强制你做到。

第三档,品牌年度合作(¥10000-20000/月)。一个品牌一年要做多少个页面,新品发布、活动专题、周年纪念,数不完。做完首单主动续约,相当于成了品牌的数字门面外包。攒三五个这样的客户,副业就变主业了。

三档递进逻辑很清楚,第一档获客,第二档做深,第三档躺赚。跟AI虚拟员工办公室那种给团队装agent的单比,这个方向客户面窄一点,但客单价更高,而且不吃技术深度,吃审美判断。

接单流程,从练手到交付

第一步,装scrollcraft自己练。装好Claude Code,一条命令装插件,用三个示例练手,自己复刻一遍Orrery那种连续世界的页面,感受滚动节奏和排版底线。这一步产出你的第一个作品。

第二步,把作品集做出来。高端客户不看履历,看页面。把你练手的作品部署上线,配一段你自己的设计说明,这个页面解决了什么问题,为什么这么设计。作品集就是这个行业的获客工具,比任何简历都好使。

第三步,去有品牌预算的地方发内容。小红书搜品牌设计、网页设计、落地页,X上关注设计圈,本地找设计工作室和广告公司谈合作。发什么,发你的作品录屏,滚轮滚一遍,配一句你的设计思路。这种内容自带信息差,评论区自然有人问。

第四步,报价。第一次接单不用报太高,3000到5000先攒案例,但要明确告诉客户这是早鸟价,做完一个案例恢复价格带。高端客户认作品,你的案例越硬,报价越硬。

第五步,交付标准化。把8种页面语法做成你的产品菜单,客户选一种语法,你按它的规则生成,跑自检,交付。流程越固定,单个订单花的时间越短,一个月能接的单就越多。

第六步,往第三档爬。交付的时候主动问一句,你们下半年有没有新品发布计划,有的话我们可以提前排期。这句话,就是从五千块的小单往月度合作跳的入口。

踩过的坑,提前给你排掉

第一个坑,别拿scrollcraft去做小企业基础站。杀鸡用牛刀,小老板也不会为滚动动画买单,他要的是三个页面加一个预约表单,Bolt.new就够了。这个方向只做有品牌预算的客户,宁可单子少,客单价高,也不要去跟低价市场抢饭吃。

第二个坑,高端客户决策周期长。一个品牌旗舰页,从接触到签约,两到四周很正常,因为要过品牌总监、市场部、老板三层。现金流别指望当月见,手上要有别的单子撑着,不然第一个月容易心态崩。

第三个坑,AI审美仍然是门槛。scrollcraft给你的是标准和质检,但页面最终的品味还是你自己的判断。同一个语法,有人做出来是高级感,有人做出来是素材拼贴,差的就是审美。这个能力只能靠多看多练,没有捷径。

第四个坑,别承诺所有内容都做滚动动画。滚动驱动网站的性能和移动端适配是硬功夫,视频太多页面会卡,动画太多手机上看是灾难。接单之前先跟客户约定内容预算,什么放视频什么不放,写进方案里,不然交付的时候扯皮。

一些最后想说的

说真的,我觉得scrollcraft这类技能的出现,正在改变一件很根本的事。

以前高端网页设计是少数人的手艺,一个品牌页收几十万,因为稀缺。现在AI把「设计标准」本身开源了,审美变成了可以安装的东西。剩下比拼的,是你对品牌的理解,对情绪的理解。这个门槛比会写代码低得多,也比纯拼审美公平得多。

每一次能力门槛的坍塌,都会重新分配一次赚钱的机会。上一波是会拼Prompt的人,这一波是把AI审美标准装进工具的人。

如果你已经在用Claude Code,这件事值得花一个周末试一下。试错的成本,就是一晚上配置的时间。试对了,你手里就多了一门一单五千起步的手艺。

磨平一些信息差,顺手赚点钱。

💡 我整理了一份AI高端网站定制的「scrollcraft安装清单+三档定价模板+作品集获客话术」工具包

包含完整安装步骤、8种页面语法的适用场景对照、高端客户沟通话术。微信扫码或搜索「AiToollab」关注公众号,回复「滚动网站」获取。

我整理了一份AI副业实操的项目库和操作模板

包含AI写作、AI设计、AI开发等20多个方向的AI工作流、定价参考和获客话术

项目库

常见问题

scrollcraft是什么,要花钱吗?

scrollcraft是一个开源的Claude Code技能,专门做高端滚动驱动网站,就是那种滚轮往下页面像电影一样播放的网站。它在GitHub上线一天就拿了256颗星,登上了Trending。安装是免费开源的,一条命令装进Claude Code,跑起来用的是你现有的Claude订阅额度,不需要额外买任何东西。

高端滚动网站定制一单能赚多少钱?

入门定制5000-15000元一单,品牌旗舰页和产品发布页15000-30000元一单,做完首单转成月度合作的话一个月一万到两万服务费。对比传统设计公司一个品牌页报价五万到三十万,这个价格客户觉得便宜,而对比Bolt.new那种500-3000元的基础建站,客单价高了一个数量级。你的成本主要是Claude订阅和自己的时间。

做这个副业需要会写代码吗?

不需要会写业务代码,但你需要会用Claude Code,理解技能怎么装、对话怎么组织。scrollcraft把设计标准内置了,8种页面语法、排版底线、拒绝清单都是现成的,它甚至会用headless浏览器自己检查页面。真正的门槛是审美和品牌理解,你能判断配色、文案、情绪曲线,这些能力来自多看多练,不来自编程水平。

scrollcraft做出来的网站和AI建站有什么区别?

AI建站是帮小企业快速做出一个能用的基础官网,三个页面一个预约表单,Bolt.new和Lovable一小时搞定,一单500-3000元。scrollcraft做的是高端滚动动画网站,面向有品牌预算的公司,产品发布页、品牌故事页、旗舰页,一单5000-30000元。两者的目标客户、服务场景、定价完全不在一个市场,一个是走量的活,一个是吃审美的活。

做高端网站定制的客户从哪里找?

高端客户不看履历看作品。先把scrollcraft的三个示例练熟,做出自己的作品集部署上线,再去小红书、X、设计圈发作品录屏,滚轮滚一遍配一句设计思路。也可以找本地的设计工作室和广告公司合作接外包。第一次接单可以报3000-5000先攒案例,明确告诉客户是早鸟价,做完一个案例恢复价格带。

这个方向能做多久?

品牌网站是永恒需求,公司永远需要官网、新品永远需要发布页。短期内这个信息差还很值钱,因为大部分做AI建站的人还在低价市场卷,会做高端滚动动画网站的很少。随着这类技能普及,会做的人会变多,但品牌对独特性的要求不会变,审美和品牌理解的门槛会越来越值钱。趁现在工具刚爆、会的人还少,尽早进场。

贴图项目已跑通,训练营学员陆续拿到结果

这篇教程解决一个具体问题。如果你想要一个不需要粉丝、AI 直接出图、已有人拿到收益的方向,可以看贴图项目的学员最近在做什么、拿到了什么结果。

查看当前项目 看学员拿到了什么结果
AiToollab 微信二维码

扫码加微信回复「贴图」,发你最近的学员收益截图和起号检查表;已经在做的,欢迎把结果或卡点发到 [email protected]。