# scroll-craft二拆：从改牌到装机——一个Skill的使用层档案 ## 概述 ## 一、对账：前两次镜头拍到了什么，漏了什么 先把这个件在本栏的足迹摆清楚。它前后进过两次厂：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、没有渲染管线、没有密钥配置，上手成本接近零，这是它上手分一直压着四星的原因。 ## 三、从承诺反推说明书：SKILL.md 里必须写什么 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 周报里「可测量、可验收正在取代风格手感」这一本周最大设计信号，在这个件上的对照坐标。 ## 四、工位与邻居：滚动叙事坐在生态哪个座位 把它的前后工序摆出来，工位就清楚了： ```mermaid 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 期「触发命中与边界拒绝都要测」的方法）：新会话说「帮我做个产品发布页，往下滚动讲故事」，看是否命中；再说「给后台表格页加点滚动动画」，看它是否按品类边界止步或主动降级※。两条都过，描述合同才算真的成立。 ## 七、安装与使用 ```bash # 社区分发器路径（装前以仓库 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 # 交付：成品截图 ``` ## 八、推荐排行榜 - **本工位最值得装**：scroll-craft——空工位占有者，描述合同清晰，上手近零配置； - **最值得搭配的上游**：m3e-canvas——草图进、提示出，与滚动件的输入端语义衔接※； - **最值得配的质检位**：refactoring-ui-skill——生成之后、交付之前的一道规则闸； - **最该先做的动作**：等本栏通道恢复后补读 scroll-craft 的 SKILL.md 原文——本期全部内部结构均为合同推演，这是整份档案里唯一也是最大的未验证项； - **最不该做的事**：把滚动叙事件用进后台、文档站与 SEO 主站——品类边界，装之前想清楚。 ## 参考来源 > [!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 等场景全覆盖。