今天早上刷GitHub Trending,一个叫scrollcraft的东西挂在前面,256颗星,一天之内???
名字看着像某个网页滚动插件,点进去才发现,这是个Claude Code技能,专门做那种premium的滚动驱动网站,就是你滚鼠标滚轮,页面像电影一样一帧一帧放给你看的网站。
作者的README第一段就把我逗笑了。
他说现在AI做的网站,失败在两种方向,要么乖巧但平庸,要么花哨但糟糕。乖巧但平庸的那种,跟其他一万个AI页面长得一模一样,永远那六个区块。花哨但糟糕的那种,正文行宽2.1比1,标题在手机上折成六行,滚动动画炫得飞起,内容根本没法读。
一句话,AI网页设计行业最大的痛,被他一段话全说完了。
这个事对想做副业的普通人来说,是被低估的机会。
你想想看,AI建站这波已经卷成什么样了。Bolt.new出来之后,帮小企业做基础官网的单子,一单已经压到500到3000块,前一阵我还拆解过AI帮小企业建网站这个方向,低价建站早就红了海。
但高端市场完全是另一回事。
那些有品牌预算的公司,咖啡品牌、旅行品牌、设计工作室、地产项目、新车发布,他们不在乎省那几千块,他们在乎的是,这个页面能不能让用户记住我。一个品牌旗舰页,传统设计公司报价五万到三十万,周期两个月起。
这个价格带,AI还完全没打进去。因为过去AI根本做不出配得上这个价位的页面,做出来的全是六个区块的模板货。
scrollcraft干的就是这件事,把AI做网页的天花板,往上捅了一截。
作者拿同一个引擎做了三个完全不同的页面当示例,我一个个说。
Orrery,一个旅行品牌。整个页面是一颗手做的地球模型,你滚轮往下,像从太空落进京都,穿过巴塔哥尼亚和撒哈拉,最后回到你出发的工作台,整页没有一条分节线。
PERKFORM,一个蛋白咖啡品牌。电影感一镜到底,中间两次硬切到全屏反色画面,声音很大,产品感极强。
Fallowbank,一个景观设计工作室。安静、纪实、克制,像博物馆的展签配着真实照片,结尾是一行流动的文字,不是一个按钮。
三个页面,同一个技能,同一个引擎,没有任何共享的骨架。
这就说到scrollcraft最狠的地方了。
它内置了8种互斥的页面语法,电影感一镜到底、分章编辑、连续世界、字体海报、画廊、分舞台、节奏剪辑,每种语法都禁止别的语法要求的东西,所以两件作品不可能悄悄趋同。它还要求每件作品必须发明一个只属于这个页面的签名交互,换颜色的聚光灯不算数。再来一道指纹门控,新页面必须在6个维度上跟之前所有页面至少有4个不同,语法、导航、开场、叙事结构、结尾、签名动作,不够就改方案,不是改记录。
换个说法,它把「不重复」这件事,从作者的自觉,变成了系统的强制。
设计标准也是真的硬。排版底线,最多两种字体族,行宽45到75字符,行高跟行长反着来。间距有节奏,4px基准,标题上方的空间永远大于下方。颜色分六个角色加一个强调色,没有纯黑。深度用五个工具,偏移阴影、边缘光、缩放模糊、重叠、颗粒。
它还有一张拒绝清单,相同功能卡片网格,不做,01/06计数器,不做,滚动提示,不做,渐变文字,不做,AI紫渐变,不做,编造的数据,不做。
最绝的是,它自己检查自己的作业。
一个headless浏览器会走到页面的每一个滚动位置,检查有没有滚了但画面不变的地方,对比度按合成后的页面逐行测量,视频有没有卡住都能查出来,然后输出一张contact sheet给你看。
等于你请了个自带质检员的设计师,还是24小时不休息的那种。
| 工具 | 做什么用 | 价格 |
|---|---|---|
| Claude Code | 主工具,运行scrollcraft技能,跟AI协作出页面 | $20/月 |
| scrollcraft | Claude 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」关注公众号,回复「滚动网站」获取。
scrollcraft是一个开源的Claude Code技能,专门做高端滚动驱动网站,就是那种滚轮往下页面像电影一样播放的网站。它在GitHub上线一天就拿了256颗星,登上了Trending。安装是免费开源的,一条命令装进Claude Code,跑起来用的是你现有的Claude订阅额度,不需要额外买任何东西。
入门定制5000-15000元一单,品牌旗舰页和产品发布页15000-30000元一单,做完首单转成月度合作的话一个月一万到两万服务费。对比传统设计公司一个品牌页报价五万到三十万,这个价格客户觉得便宜,而对比Bolt.new那种500-3000元的基础建站,客单价高了一个数量级。你的成本主要是Claude订阅和自己的时间。
不需要会写业务代码,但你需要会用Claude Code,理解技能怎么装、对话怎么组织。scrollcraft把设计标准内置了,8种页面语法、排版底线、拒绝清单都是现成的,它甚至会用headless浏览器自己检查页面。真正的门槛是审美和品牌理解,你能判断配色、文案、情绪曲线,这些能力来自多看多练,不来自编程水平。
AI建站是帮小企业快速做出一个能用的基础官网,三个页面一个预约表单,Bolt.new和Lovable一小时搞定,一单500-3000元。scrollcraft做的是高端滚动动画网站,面向有品牌预算的公司,产品发布页、品牌故事页、旗舰页,一单5000-30000元。两者的目标客户、服务场景、定价完全不在一个市场,一个是走量的活,一个是吃审美的活。
高端客户不看履历看作品。先把scrollcraft的三个示例练熟,做出自己的作品集部署上线,再去小红书、X、设计圈发作品录屏,滚轮滚一遍配一句设计思路。也可以找本地的设计工作室和广告公司合作接外包。第一次接单可以报3000-5000先攒案例,明确告诉客户是早鸟价,做完一个案例恢复价格带。
品牌网站是永恒需求,公司永远需要官网、新品永远需要发布页。短期内这个信息差还很值钱,因为大部分做AI建站的人还在低价市场卷,会做高端滚动动画网站的很少。随着这类技能普及,会做的人会变多,但品牌对独特性的要求不会变,审美和品牌理解的门槛会越来越值钱。趁现在工具刚爆、会的人还少,尽早进场。
这篇教程解决一个具体问题。如果你想要一个不需要粉丝、AI 直接出图、已有人拿到收益的方向,可以看贴图项目的学员最近在做什么、拿到了什么结果。

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