4,600 颗星是频道带来的：Nate Herk 的免费滚动网站技能 scroll-craft
它是什么 一个放进 Claude Code / Codex 里的免费技能，让 AI 做「滚一下画面跟着动」的高级落地页，还带一套防止每次做出同一个页面的设计规则和自动验收。
为什么火了 作者 Nate Herk 有 111 万订阅的频道和一个大社区，首发视频 37 万播放，后面又在几条几十万播放的视频里反复推它；题材「AI 做 3D 滚动网站」早就被验证会火。
C你可以怎么跟 别再做一个更炫的同类，去做它没做好的部分：打开快、手机不卡、不劫持滚动的轻量滚动叙事技能，用视频、X 长文和社区帖同一天发布。
- 数据(每天更新) · 建库 2026-08-22 · 4,709 星 · 7 天 +385
GitHub · 星数 数据 2026-08-27 → 2026-11-08(74 天,32 次观测)。10-28 以前的点来自 deeply / 存档补录,不是每天都有
一个有 111 万订阅的 YouTuber 做了一个免费的 Claude Code 技能，专门让 AI 做那种「滚一下、画面跟着动」的高级落地页，76 天拿到 4,600 颗星。技能本身写得认真，但星主要是作者的频道带来的。想在这条赛道上做一个拿星的开源项目，能学的是他的发布打法，还有把「品味」写成可以检查的规则；直接照着做一个，划不来。
一条视频，底下一半评论在问链接在哪
2026 年 8 月 22 日晚上（UTC 20:05），Nate Herk 在他的频道「Nate Herk | AI Automation」发了一条 16 分钟的视频：《I Built The Ultimate Claude Website Design Skill (steal this)》。视频里他现场用这个技能，把自己的社区 AI Automation Society 的官网重做成一张滚动叙事的页面：滚轮往下，视频一帧一帧往前走，标题一行一行拼出来，整段内容钉在屏幕上推进。到 11 月 6 日，这条视频有 37.3 万播放、5,791 个赞（YouTube，11-06）。
奇怪的是，视频简介里没放仓库链接。简介第一行是他的「$1M AI agency playbook」，第二行是 Skool 社区的免费入口。于是评论区一直有人在问：「Why can't you just leave a link to the skill?」「i can't find the skill」「Como eu consigo a skill?」。链接其实在两个地方：同一天 20:44 他发的 X 长文末尾，以及他 Skool 社区里的帖子（那条帖子 359 个赞、183 条评论）。
先记住这个细节，后面要用：对他来说，仓库本身不是终点。
它到底是什么
scroll-craft 是一个 agent 技能，放进 Claude Code 或 Codex 里用（也打包成了 Claude Code 插件 nateherk-design），MIT 协议。它做两件事。
一是动效。「滚动就是时间轴」：视频跟着滚轮逐帧拖动，段落钉住，横向轨道，背景色随滚动变化。
二是一整套设计约束，这是它和多数同类不一样的地方。README 开头一句话把痛点说透了：AI 做的网站要么规矩但记不住，要么动效花哨，正文对比度只有 2.1:1，标题在手机上折成六行，还是别的 AI 页面都有的那六个区块。它的对策：
- 8 种互斥的「页面语法」：filmic one-shot、chaptered editorial、continuous world 等，每一种明确禁止别的种类必需的东西，两次生成没法悄悄变成同一个页面；
- 每个站必须有一个「独有招式」，还有一道「指纹闸门」：新站至少要在 6 个维度里的 4 个上和以前做过的不一样；
- 一份禁用清单：一模一样的功能卡片网格、渐变字、AI 紫渐变、编造的数据……
- 自己验收：用无头浏览器在每个滚动位置截图，检查有没有「白滚」（滚了画面不动），按合成后的画面测文字对比度，看视频是不是卡在封面帧，最后拼一张总览图。
0.3.0 又加进了「十个过审网站」的样例，AI Automation Society、PERKFORM、Glaido 等，基本是 Nate 自己的品牌和赞助商。
星是怎么来的：几乎全是他自己的渠道
| 时间 | 星数 | 发生了什么 |
|---|---|---|
| 8-22 | 0 | 建库；同一天发 YouTube 视频、X 长文、Skool 帖、LinkedIn |
| 8-27 | 1,091 | 第 5 天 |
| 10-09 | 3,004 | 9 月到 10 月初平均每天约 45 颗 |
| 10-13 | 3,244 | 单日 +165，至今最多的一天 |
| 11-06 | 4,574 | 近 7 天 +371，前 7 天 +335；650 个 fork |
（GitHub，11-06；10-09 之前只有 8-27 一个点，中间每天涨多少是推断。它一天都没上过 GitHub trending。）
10-13 那一跳，前一天正好是他的另一条视频《I Tried 100+ Github Repos for Claude. These 6 Are the Best》（38 万播放），scroll-craft 是那 6 个之一。之后 10 月里还有两条视频（25 万、58 万播放），简介第一行都是「FREE Scrollcraft Website Design Skill」，链到一个填邮箱才给下载链接的页面。58 万播放的那条发出后，星数一点没动（10-30 到 10-31 只 +55），因为流量被导到了邮箱页，没去 GitHub。
第三方的转发都很小：Github Awesome 一条 Short 1.2 万播放，十几个小频道的介绍视频大多几千播放以内，几个技能目录站收录了。X 上没找到大号转发，HN、Product Hunt 上也没有痕迹。
还有一个对照很说明问题：他其他配视频发的仓库，herk-edit-kit 2,597 星、roast-room 1,935、AIS-OS 1,838（GitHub，11-06）。几个仓库内容各不相同，星数却都在一个量级，决定星数的是他的频道，不是仓库内容。
那么多人在做同一件事，凭什么是它
这条赛道早就不空了。「Claude + AI 生成素材 = 3D 滚动网站」从 2026 年 2 月起就是 YouTube 上的热门题材（Chase AI 那条 6.2 万播放，2-28）。
| 项目 | 上线 | 星数（11-06） | 和它的区别 |
|---|---|---|---|
| oso95/scroll-world | 7-06 | 10,820 | 早 7 周、星数是它 2.4 倍；只做「飞进 3D 世界」一种形式 |
| agiwhitelist/auteur | 7-11 | 1,046 | 定位几乎一样（「像导演电影一样导演网站」），没有大号带 |
| Motionsites-AI/claude-skill | 10-26 | 1,741 | 「电影感落地页」，10 天的后来者 |
| juliobsz/skills（/awwwards） | 10-12 | 1,165 | 一句话出「获奖级网站」 |
| Leonxlnx/taste-skill | 2-19 | 110,547 | 通用「给 agent 品味」，不专做滚动 |
| pbakaus/impeccable | 2025-11 | 103,756 | 通用前端设计词汇和评审命令 |
| greensock/gsap-skills | 3-04 | 17,931 | GSAP 官方，教写动画，不管页面设计 |
scroll-craft 不是第一个，星数也不是最多的。它的设计规范和自检确实比 scroll-world、awwwards 那一类细，但比它更早、定位几乎一样的 auteur 只有 1,046 星。差异化给了视频一个好讲的点（「防止 AI 每次做出同一个页面」），星是频道带来的。
它押中的是两件早被验证过的东西：一个会爆的视觉题材（3D / 滚动网站），一种十万星级项目已经在吃的情绪（「AI 做的站长一个样」）。9 月 4 日它把 README 改成「跨 agent 技能」，又覆盖到了 Codex 用户。
评论区说出了它没做好的地方
赞最多的几条评论不是在夸它：
「I hate where web development is. Everybody wants all these unnecessary bells and whistles, but what happens when the user is on mobile with a single bar signal?」（152 赞，8-22）
「what you showed at the beggining and what you ended builidng is completely different...」（120 赞，8-25）
「The skill itself is very cool, but personally I would never use it because I hate these kinds of scroll-hijacking websites」（12 赞，8-24）
还有人直接问「How is it different from scroll-world?」，也有人说「I'd like a pagespeed optimization skill」。
这些评论说明，滚动叙事这个形式本身有一批人反感：手机上卡、网慢的时候加载不出来、看个信息要滚半天。一个技能能把「好看」和「打开快、手机上不卡、不劫持滚动」一起做到，这块现在没人认真做（推断：上面那些竞品都在比谁更炫）。
如果是你
等级 C：能学到东西，直接跟进不划算。 它的星数靠的是一个 111 万订阅的频道和一个号称 45 万人的社区，这是跟进的人拿不到的；同题材已经有 scroll-world（1 万星）和一串 1–2k 星的后来者。
适合谁：本来就有一点分发的人（几千到几万关注的 YouTube / X 账号、一个活跃的社区），或者真懂前端性能和动效的人，想做一个「反方向」的设计技能。
不适合谁：没有任何分发、打算照着 scroll-craft 再做一个「电影感落地页技能」的人。auteur 就是现成的结果：定位几乎一样、做得也不差，1,046 星。
怎么做：别再做一个更炫的。做它没做好的部分：一个「轻量滚动叙事」技能，把性能预算写成硬规则（首屏多大、视频多大、低端手机掉帧怎么降级、关掉动效后页面照样能读），验收时跑 Lighthouse 和低网速模拟，把分数写进 README。也可以换生态：scroll-craft 默认网页，换成 Webflow / Framer 导出、或者某个具体框架（Astro、Next）的版本。
怎么拿星：照他的发布打法来：同一天把仓库、一段演示视频（前后对比，最好是「把一个丑网站改好」）、X 长文、社区帖子一起发，README 第一屏放三个风格完全不同的成品截图。把仓库链接放在显眼处，别学他藏在邮箱页后面，你要的是星，他要的是邮箱。发出后去评论里抱怨「滚动网站太卡」的人那里，给出你的答案。
什么时候之前：这个题材从 2 月热到现在，10 月底还在冒新的同类。窗口按月算，最好 12 月前发出来。
什么情况说明看错了：① scroll-craft 或 scroll-world 自己加上性能预算和降级方案，你的切口就没了；② Anthropic 官方的 frontend-design 技能开始管滚动和动效；③ 10 月以后上线的同类（Motionsites、/awwwards）两个月后还停在一两千星，说明这个题材的星已经被分完，再进来的不管做得多好都涨不动。
最后一句给想让开源项目拿星的人：scroll-craft 的星数告诉你的是渠道比代码重要。你没有渠道的时候，至少要找一个有人在骂、却还没人修的地方，这次就是评论区里那句「what happens when the user is on mobile」。
研究底稿:竞品表、获客证据、完整研究报告
- 竞品
名字 在哪 上线 规模 它和这家不同在哪 oso95/scroll-world 开源 2026-07-06 10,820 星 比它早、星数更多,只做「飞进 3D 世界」一种形式,资产靠 Higgsfield;scroll-craft 主打多种页面语法 + 设计规范 + 自检 Leonxlnx/taste-skill 开源 2026-02-19 110,547 星 通用「给 agent 品味」,不专做滚动叙事 pbakaus/impeccable 开源 2025-11-16 103,756 星 通用前端设计词汇和评审命令 Nutlope/hallmark 开源 2026-04-27 48,631 星 通用反 AI 味设计技能 greensock/gsap-skills 开源 2026-03-04 17,931 星 官方动效库用法技能,不管页面设计与叙事 agiwhitelist/auteur 开源 2026-07-11 1,046 星 定位几乎一样(像拍电影一样导演网站),没有大号分发 Motionsites-AI/claude-skill 开源 2026-10-26 1,741 星 电影感落地页技能,后来者 Scrolltide 网页 未核实 推广 Short 9 万播放 卖滚动网站模板 / 提示词库,不是 agent skill Anthropic frontend-design 技能 / Google stitch-skills 大厂功能 2025-2026 stitch-skills 8,683 星 通用 UI 生成,不做滚动叙事 - 用户从哪来
- 查实 作者 YouTube(111 万订阅)首发视频:2026-08-22《I Built The Ultimate Claude Website Design Skill (steal this)》,372,518 播放;8-27 已 1,091 星
- 查实 Skool 社区 AI Automation Society:8-22 发帖带仓库链接,359 赞、183 条评论
- 查实 X 长文 / LinkedIn:8-22 20:44 UTC 发 X Article,文末放仓库链接;LinkedIn 同步
- 查实 作者后续视频反复点名 + 邮箱引流页:10-11(38 万)、10-13(25 万)、10-30(58 万)三条视频的简介第一行都是 Scrollcraft 免费领取页;10-11 那条发出后 10-13 单日 +165
- 查实 第三方小频道和目录站:Github Awesome Short 1.16 万播放;TheSkillDrop 等十几条视频大多不到几千播放;MindStudio 博客、aiuxplayground、typingmind 等收录
- 推断 广告 / HN / Product Hunt:没找到
nateherkai/scroll-craft:为什么能跑出来
一句话:这是一个百万粉 YouTuber 拿来做引流品的免费 Claude Code / Codex 技能,主题选在「AI 做的网站长一个样」这个痛点、做「滚动驱动的高级网站」这个早就被验证过的爆款题材。4.6k 星几乎全是 Nate Herk 自己的频道、Skool 社区和 X 文章带来的;产品本身的设计规范写得比同类细,但跑出来主要靠的不是它。
数据卡:GitHub 库,2026-08-22 建库,截至 2026-11-06 有 4,574 星、650 fork(我们 github 库 repo_profile);当天 GitHub API 显示 4,623 星、654 fork。近 7 天 +371,前 7 天 +335,从没上过 trending。
1. 它是什么
一个 agent skill(也做成了 Claude Code 插件 nateherk-design),让 Claude Code / Codex 做「滚动就是时间轴」的落地页:滚轮逐帧拖视频、分段钉住、横向轨道、标题逐行拼出来。卖点是在动效之外再加一整套设计约束:
- 8 种互斥的「页面语法」(filmic one-shot、chaptered editorial 等)+ 每个站必须有一个「独有招式」+ 「指纹闸门」(新站至少要在 6 个维度里的 4 个上和以前做过的站不一样),专门防止 AI 每次做出同一个页面;
- 排版、间距、颜色、层次这些「手艺」规则,外加一份禁用清单(一模一样的功能卡片网格、渐变字、em dash、AI 紫渐变、编造数据……);
- 用无头浏览器自检:每个滚动位置检查有没有「白滚」(滚了画面不变)、按合成后的画面逐行测对比度、视频有没有卡在封面帧,最后出一张 contact sheet;
- 0.3.0 加进了「十个过审网站」的样例与流程(AI Automation Society、PERKFORM、Glaido 等,都是 Nate 自己或者赞助商的品牌)。
出处:仓库 README(https://github.com/nateherkai/scroll-craft)。
2. 竞品(做同一件事的)
| 名字 | 在哪 | 上线 | 规模 | 和 scroll-craft 不同在哪 |
|---|---|---|---|---|
| oso95/scroll-world | 开源 | 2026-07-06 | 10,820 星(github 库 11-06),9-01 时已 8,869 | 比它早 7 周、星数是它 2.4 倍;固定做「飞进 3D 世界」一种形式,资产靠 Higgsfield 生成;scroll-craft 主打「不止一种模板」+ 设计规范 + 自检 |
| Leonxlnx/taste-skill | 开源 | 2026-02-19 | 110,547 星,近 7 天 +5,187 | 通用「给 agent 品味」技能,不专做滚动 |
| pbakaus/impeccable | 开源 | 2025-11-16 | 103,756 星,近 7 天 +8,787 | 通用前端设计词汇和评审命令 |
| Nutlope/hallmark | 开源 | 2026-04-27 | 48,631 星 | 「反 AI 味」设计技能,通用 |
| greensock/gsap-skills | 开源(官方) | 2026-03-04 | 17,931 星 | GSAP 官方的动效 API 用法技能,教怎么写动画,不管页面设计 |
| Motionsites-AI/claude-skill | 开源 | 2026-10-26 | 1,741 星(10 天) | 「电影感落地页」技能,是后来者 |
| juliobsz/skills(/awwwards) | 开源 | 2026-10-12 | 1,165 星 | 一句话出「获奖级网站」,后来者 |
| tsogjavklann/awwwards-3d、tponscr-debug/claude-skill-awwwards、ga14ctic/awwwards-skill | 开源 | 2026 | 未统计 | Awwwards 风格 3D 滚动 / 前端编排技能,同一个赛道 |
| agiwhitelist/auteur | 开源 | 2026-07-11 | 1,046 星 | 「像拍电影一样导演网站」,定位几乎一样,星数只有它的四分之一 |
| Scrolltide(scrolltide.co) | 网页 | 未核实 | Himan Creates 的 Short 有 9 万播放(YouTube API) | 卖滚动网站模板和提示词库,不是 agent skill |
| Anthropic 官方 frontend-design 技能、Google Stitch skills | 大厂功能 | 2025–2026 | stitch-skills 8,683 星 | 通用 UI,不做滚动叙事 |
结论:这条赛道一点不空。「Claude + AI 生成素材 = 3D 滚动网站」从 2026-02 起就是 YouTube 的热门题材(Chase AI《Claude Code + Nano Banana 2 = Insane 3D Websites》6.2 万播放,2026-02-28;Komputer Mechanic《$10,000 3D Animated Websites》6.1 万,2026-08-26),scroll-world 7 月就拿到了上万星。scroll-craft 是后来的,论星数也不是第一。 (竞品星数来自我们 github 库 2026-11-06 的 repo_profile;播放数来自 YouTube Data API 11-06。)
3. 增长:用户从哪儿来
几乎全是作者自己的渠道。
- YouTube 首发视频:建库当天(2026-08-22 20:05 UTC)发《I Built The Ultimate Claude Website Design Skill (steal this)》,到 11-06 有 372,518 播放、5,790 赞、223 条评论(YouTube API)。频道「Nate Herk | AI Automation」有 111 万订阅、累计 6,600 万播放。
- X 长文:同一天 20:44 UTC 发 X Article,文末放仓库链接(https://x.com/nateherk/article/2091265388067569835)。另有 LinkedIn 帖子。
- Skool 社区:AI Automation Society(README 写的是「45 万成员」)8-22 发帖,359 赞、183 条评论,帖子里就是仓库链接(https://www.skool.com/ai-automation-society/new-video-i-built-the-ultimate-claude-website-design-skill-steal-this)。
- 结果:8-27(建库第 5 天)就有 1,091 星(github 库 repo_day),9 月到 10 月初平均每天大约 45 星,10-09 到 3,004。
- 第二波:作者在别的视频里反复点名。10-11 的《I Tried 100+ Github Repos for Claude. These 6 Are the Best》(38.3 万播放)把 scroll-craft 列为推荐仓库之一,紧跟着 10-13 单日 +165,是数据里单日最多的一天(10-12 是 3,079,10-13 是 3,244)。这段时间作者正好在蹭 morluto/rea「一天涨 10 万星」的热度,连发了 3 条视频。
- 把技能变成收邮箱的钩子:10-11、10-13、10-30 三条视频(加起来 120 万播放)的简介第一行都是「FREE Scrollcraft Website Design Skill」,链到 app.aiautomationsociety.ai/optin/scrollcraft,填邮箱才发下载链接。首发视频的简介第一行是「$1M AI agency playbook」广告。钱是从这里回来的:免费技能 → 收邮箱 / 进 Skool → 卖代理商课程、付费社区,再加上 Glaido、Hostinger 的赞助。也正因为后来的流量被导去了邮箱页,10-30 那条 58 万播放的视频没在星数上冲出峰值(10-30 到 10-31 只 +55)。
- 第三方二次传播(规模都小):Github Awesome 的 Short 11,556 播放(8-27);TheSkillDrop、TechWithRG27、Cameron Breen、Edwin Chen、西语频道 BarbuPrime 等十几条小视频,大多不到几千播放;MindStudio 博客、themenonlab 博客;技能目录站 aiuxplayground、typingmind、template0、tessl 等都收录了。
- X 的本地语料里查不到有人转发(x-radar 搜 scrollcraft / scroll-craft,近 90 天 0 条相关)。没找到 HN、Product Hunt 上的痕迹,也没查到投广告。
4. 为什么能跑出来
- 作者自带分发:111 万订阅的频道 + 号称 45 万人的 Skool 社区,首发视频 37 万播放,前 5 天就拿到 1,091 星。作者其他配视频发的库也是这个量级:herk-edit-kit 2,597、roast-room 1,935、AIS-OS 1,838,说明星数主要看他的频道,不怎么看库本身。
- 题材早就被验证过:「AI 做 3D 滚动网站」从 2 月起就是 YouTube 的爆款题材,scroll-world 7 月已经上万星。Nate 选了个确定能火的话题,标题「Ultimate…(steal this)」也是他惯用的写法。
- 痛点说得准:「AI 做的站看十个就一个样」,这正是 taste-skill、impeccable 这类十万星项目在吃的情绪。scroll-craft 把「反同质化」做成了指纹闸门、禁用清单这种看得见的规则,方便在视频里讲。
- 持续被推:作者在后续视频里反复点名、拿它当引流品,所以每天 40–60 星的长尾一直没断。
- 兼容 Codex:9-04 把 README 改成「跨 agent 技能」,强调十站重做是用 Codex 做的,蹭到了 Codex 那批用户(9 月底以后作者也在做 Codex 内容)。
5. 差异化
和同类比,它不一样的地方是:不绑一种页面模板(8 种互斥的页面语法 + 指纹闸门)、把排版 / 颜色 / 间距写成硬性的下限,还有一套用无头浏览器做的自检(白滚、合成后的对比度、视频解码)。scroll-world 只做「飞进 3D 世界」一种形式,awwwards 那一类主要是风格提示。这套「工程化的设计规范」确实比多数同类细。 但差异化不是它跑出来的原因。 首发当天和前 5 天的星数是频道带来的;同样「电影感网站」定位的 auteur 只有 1,046 星,比它早、形式更好懂的 scroll-world 星数比它多。差异化只是给了视频一个好讲的点、让用户愿意留下。
6. 能见度与跟风
- 能见度:在 AI 自动化 / Claude Code 这个 YouTube 圈子里算是被看见了(37 万播放的首发,加上十几个小号的二次视频和目录站),但没有媒体报道,也没找到 X 大号转发。它不是收入产品,星数也不算「被广泛讨论」那一档。
- 跟风:8 月后出现了一批同定位的技能,juliobsz/skills(/awwwards,10-12)、Motionsites-AI/claude-skill(10-26,10 天 1,741 星)、awwwards-3d(TheSkillDrop 10-19 有视频讲),都在吃「电影感 / 获奖级落地页技能」这个题材。没有证据说明它们是专门照着 scroll-craft 抄的,但赛道已经挤了。
7. 能借鉴的
- 「免费开源技能 + 长视频首发 + 社区帖 + X 长文」同一天一起发,之后在别的视频简介里放「免费领取」的邮箱页,把开源库做成收线索的钩子。星数只是副产品,邮箱才是资产。
- 选题挑「已经被验证会爆的视觉题材」(3D / 滚动网站),再给出一个差异化角度(反同质化、自检),视频里好讲。
- 把「品味」写成能检查的规则(禁用清单、指纹闸门、自动化验收),这比只写一堆风格提示更有说服力。
8. 不确定的
- 星数在 10-09 之前我们只有 8-27 一个点,中间哪天涨了多少只能靠推断;stargazer 时间戳接口这次返回 404,没能拿到逐日星。
- 邮箱页收了多少线索、转化到付费社区多少,查不到。
- Skool「45 万成员」是 README 自报的,没核实。
- 后来那批跟风技能各自的流量来源没细查。