先把这个件在本栏的足迹摆清楚。它前后进过两次厂:0529 期《五期对账》给了 4.1 的存档分并把它列入毕业线观察名单;1008 期《改牌第二例》以它为主拆对象,逐字对照了描述改写,并得出「机制句冻结、市场词常改」的结论。两次都站在榜单和营销的镜头前。
快照曲线也一并交底:08-31 首印 1314 星 → 09-01 的 1355 → 09-03 的 1593 → 09-04 的 1682(首次挤进小而美榜,坐第 15 席)→ 09-05 的 1734(连续第二期坐第 15 席,新版描述同日首次印刷)→ 09-06 起三期快照全部除名。除名的主流解释是货架线挤出:09-05 末印 1734,09-06 货架下沿已涨到 1795,而要在一天内跨过 2000 毕业线需要单日 +266 星,是其全窗最快单日增速(约 +119)的两倍以上※——「跌出货架」远比「毕业出窗」成立。按本栏 PawWork 期立的暗带口径,它此刻正在存量中段隐形带里。
这两次报道都没回答的问题是:如果你今天要装它、用它,纸面上能确认的到底是什么? 这就是本期的工作。
Round 2 的核心任务是拆触发词与描述设计。scroll-craft 恰好留下了一个稀有的标本:同一个 Skill 的两版描述,都被快照逐字留底了。
旧版(08-31 至 09-04 在架):
「Claude Code skill for premium scroll-driven websites. Scroll becomes the timeline, on a real design…」(09-04 期后截断)
新版(09-05 起在架):
「An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Cod…」(快照截断,兼容清单完整长度不可知)
改牌的营销层解读——Codex 置前、去品牌化、表述路线光谱——1008 期已经做完,本期不重复。本期换路由器的眼睛重读这两段话:描述是一次路由调用的匹配规则,两版描述就是两份不同的合同,承保的话术范围不一样。
旧版合同有三个字段:宿主限定语(Claude Code)、品质词(premium)、品类词(scroll-driven websites)。它意味着路由器只在该做三件事时想起它:任务确实是网站、确实是滚动叙事类、且宿主确实是 Claude Code。机制句「Scroll becomes the timeline」(滚动即时间轴)则是合同里最值钱的一条:它把品类重新定义了一遍——凡是「把内容组织成随滚动展开的时间线」的任务都该命中,哪怕用户嘴上没说 scroll 这个词。
新版合同改了三处承保范围:主语换成「An agent skill」加任务动词「building」,让「帮我建/帮我做」这类话术有了直接匹配点;补进品质词「immersive」(沉浸式),接住了那些不说滚动、只说「炫酷落地页」的需求;「Works with Codex, Claude Cod…」清单则直接删掉了「宿主不匹配」这条拒赔理由。
按「一个只读描述的路由器」模型,把六句典型话术逐句过一遍两版合同(理论命中推演※,非实测):
| 用户话术 | 旧版 | 新版 |
|---|---|---|
| 「做个产品发布页,往下滚着讲故事」 | 命中(机制句) | 命中 |
| 「做个炫酷沉浸式的落地页」 | 存疑 | 命中(immersive) |
| 「在 Codex 里给我的项目搭官网」 | 不命中(宿主限定) | 命中(Works with Codex) |
| 「把这篇长文改成滚动叙事页」 | 命中(机制句) | 命中 |
| 「给我的简历做个单页」 | 存疑(品类边界外) | 存疑 |
| 「给后台管理页加滚动动画」 | 不命中 | 不命中(该拒) |
这张表是本期给 Skill 作者的第一件可带走的工具:写完描述,别自嗨,拿十句用户可能随口说出的话逐句过一遍,数命中面、圈误伤面。两版描述的承保差异,就是这样做一遍之后自己浮出来的。
顺带一个次级观察:09-05 期快照给该仓印上了语言标签 JavaScript——纯前端、零服务依赖、无外部 API。这解释了它为什么能以单件形态存在:没有 TTS、没有渲染管线、没有密钥配置,上手成本接近零,这是它上手分一直压着四星的原因。
Round 2 的另一项任务是逐文件讲透、看资源脚本引用。这一节先交代硬边界:该件的 SKILL.md 与 scripts/ 目录,本栏至今零阅读。但描述本身就是一份承诺清单,每一句承诺都反过来构成对说明书内容的硬约束——把承诺逐句翻成「该有什么」,是一篇黑箱条件下仍然诚实的拆法。以下全部为合同推演※,实际写没写、写得对不对,留待通道恢复后原文核对。
承诺 premium,说明书就必须给出 premium 的判据。 品质词不是免费的品牌腔:模型对「高级感」没有先验,说明书若不把动效节奏、留白尺度、字体层级、单屏信息量写成可执行条款,模型只能用通用审美想象填充,每次生成随机漂移。这个品类 Skill 的成败第一分水岭就在这里——「premium」是描述里最贵的词,也是最容易烂尾的词。
承诺 scroll-driven,说明书就必须写死技术路线。 滚动动效在浏览器里至少有两条实现路径:CSS 原生 scroll-driven animations(性能好、声明式,但兼容边界要处理)与 JS 监听驱动(IntersectionObserver 配 rAF,兼容广,写滥了必卡顿)。两条路线的取舍若不在说明书里钉死,同一句话今天生成 A 明天生成 B——这正是本栏 09-10《SKILL.md即API》期「确定性外置」模式(能写成规则的不留给临场发挥)在此品类的具象化。
承诺 immersive,说明书就必须写降级条款。 沉浸式滚动与可访问性天然冲突:prefers-reduced-motion 用户的降级路径、键盘导航可达性、移动端的帧率预算。没有降级条款的沉浸式,交付出去就是 scrolljacking 事故——劫持滚动、锁死缩放、内容进不了无障碍树。品类常识,也是验收时最先暴雷的三处※。
资源层该长什么样。 按官方 pdf 件立过的三层渐进结构(本栏 09-10 存档)套这个品类:SKILL.md 正文只该留「接到需求→切节拍→选路线→生成→自检」的决策路径;四类滚动动效原语(进场、视差、钉住、进度)若做成 references 或模板片段按需取用,上下文税最低;验收清单(Lighthouse 分数、滚动帧率、降级验证)若外置成脚本,就把「premium」从形容词变成了可执行的关卡——那正是这个品类从「提示件」升格为「可验收件」的位置,也是 09-11 周报里「可测量、可验收正在取代风格手感」这一本周最大设计信号,在这个件上的对照坐标。
把它的前后工序摆出来,工位就清楚了:
flowchart LR
subgraph UP["上游供给"]
M["m3e-canvas 草图转可编码提示"]
end
subgraph CORE["成品生成工位"]
S["scroll-craft 滚动叙事页"]
end
subgraph QA["质检与交付"]
R["refactoring-ui-skill 规则审查"]
G["goldie 成品截图"]
end
M -->|"提示词衔接※"| S
S --> R
S --> G
F["frontend-design 官方件 本站有专页"] -.-> S
三个邻居都是快照里反复在册的熟人,一句话各记一笔(详细横评见各自存档,不重复计分):m3e-canvas(09-05 期单日 +1459 星的主角)把草图翻译成可 vibe-coding 的提示词,输出物恰好是 scroll-craft 输入端爱吃的东西,两件描述的输入输出语义首尾相接※;goldie 做应用商店截图与预览,是「前端表达成品化」工位上另一台机器,交付侧与 scroll-craft 互补;refactoring-ui-skill 把《Refactoring UI》的设计规则编译成审界面的 Skill,站在生成之后当质检——它管「对不对」,scroll-craft 管「讲不讲得出故事」。
这个工位图暴露了一个此前横评没点名的事实:「滚动叙事页」在生态里曾是空工位——官方出厂件管审美底座(frontend-design,本站有专页),社区件管规则与截图,但「把一段内容变成一页会讲故事的站点」这件事,在新架榜被 scroll-craft 占住之前没有专职件。空工位加上自解释的名字,是它两周从 1314 涨到 1734、全程不靠榜单曝光也维持正增长的底层原因※。
权重沿用本栏固定口径:功能 25%、设计 25%、实战 20%、上手 15%(越高越容易)、社区 15%。scroll-craft 沿用 1008 期存档分不动(本栏规矩:评分可复核、不暗改);refactoring-ui-skill 为本表首次描述级估分※;m3e-canvas、goldie 沿用各自存档。全部对象实战列均为「待验证」——本栏至今无一对象做过装机实测。
| 件 | 功能 | 设计 | 实战 | 上手 | 社区 | 加权 |
|---|---|---|---|---|---|---|
| scroll-craft | ★★★★ | ★★★★★ | ★★★★(待验证) | ★★★★ | ★★★★ | 4.1(沿用 1008) |
| m3e-canvas | ★★★★ | ★★★★ | ★★★☆(待验证) | ★★★☆ | ★★★★★ | 3.97(沿用 0106) |
| goldie | ★★★★ | ★★★★ | ★★★★(待验证) | ★★★ | ★★★★ | 3.9(沿用 0529) |
| refactoring-ui-skill | ★★★ | ★★★★ | ★★★(待验证) | ★★★★ | ★★★ | 3.2※(本表首评) |
| frontend-design(官方) | — | — | — | — | — | 不计分(本站有专页) |
scroll-craft 的设计五星理由在 1008 期已经给过,本期补一条使用层注脚:它的描述是本栏样本里少数换了承保范围仍不产生误伤的改牌——六句话术过筛后,新旧两版没有任何一句出现「旧版命中、新版拒赔」的倒挂※。
结合描述承诺与品类常识(非该件正文条款※),它的合理使用面与危险面如下。
适用:产品发布页、活动页、作品集、年度报告叙事、单页产品故事——共同特征是内容已经写完、叙事顺序清晰、一页讲得完。滚动叙事的本质是「用滚动当时间轴排内容」,内容没定就上动效,等于给空白稿配交响乐。
不适用:信息密度高的后台与文档站(滚动叙事在这里是反模式,用户要的是检索不是叙事);SEO 敏感的主站首页(核心内容藏进动效层,抓取器与读屏器都拿不到,双风险※);以及没有设计参照的纯外包式需求——描述承诺了 premium,但需求方拿不出「什么算 premium」的锚点时,交付环节会变成口味拉锯,Skill 再好也救不了验收标准的缺失。
装机后的两步触发测试(沿用本栏 09-10 期「触发命中与边界拒绝都要测」的方法):新会话说「帮我做个产品发布页,往下滚动讲故事」,看是否命中;再说「给后台表格页加点滚动动画」,看它是否按品类边界止步或主动降级※。两条都过,描述合同才算真的成立。
# 社区分发器路径(装前以仓库 README 为准)
npx skills add nateherkai/scroll-craft
# 手动路径:先验货再落位
git clone --depth 1 https://github.com/nateherkai/scroll-craft ~/tools/scroll-craft
# 按 README 将 skill 目录拷入 ~/.claude/skills/(用户级,全仓生效)
# 或项目级:拷入项目根目录 .claude/skills/scroll-craft/
# 搭配件(按第四节的工位图按需取用)
npx skills add lnkiai/m3e-canvas # 上游:草图转提示
npx skills add s0xDk/refactoring-ui-skill # 下游:生成后规则审查
npx skills add kacperkapusciak/goldie # 交付:成品截图
[!tip] 51学通信知识星球 星主:爱卫生(微信:gprshome201101)——公众号「51学通信」创办者,19 年通信行业运维与讲师经验,著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书(各大电商平台有售)。 星球定位:深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域,主打运维岗位与信令分析。 当前规模:5200 篇主题 / 990 个回答,198 元/年。 加入福利:加入星球后请加爱卫生微信,拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题,另有群内分享。 AI 加持:51学通信知识星球已作为 skill 接入 WorkBuddy,使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例,做总结、找文档和 PPT 等场景全覆盖。
