Claude Code 技能库里出现了一个叫 Scroll Craft 的项目（仓库 nateherkai/scroll-craft），当前 1.5k star、229 fork、3 位贡献者，MIT 协议。项目 2026 年 8 月发布 v0.2.0（MIT 许可与插件更名），9 月初仍在提交更新。它的目标很具体：让 AI 生成「滚动驱动」的高级网站，并用机制保证每个作品互不重复、达到真实的设计标准——而不是常见的 AI 网页那种换个主题色就是新站。

它解决什么问题

作者在 README 里直接点名了 AI 网站的两种典型失败：要么规规矩矩但毫无记忆点，要么动画花哨到没法用——正文行宽夸张、标题在手机上折成六行、每个 AI 页面都是同一套六版块结构。Scroll Craft 的应对是把「交互」和「工艺」当成同一件事来做，而不是先跑通功能再补设计。官方用同一套技能做了三个完全不同的站点来证明：45 万成员社区的暗色编辑风首页、高调明亮的创作者作品集、一个蛋白咖啡品牌的电影感落地页——三种页面的语法、导航、收尾完全不同。

防重复的三道机制

这个技能把「不许重复自己」写成了可执行规则：

  • 八种互斥页面语法：电影长镜头、章节式编辑、实时产品界面、连续世界、字体海报、画廊、分屏舞台、节奏式剪辑。一次构建只能选一种，两次构建无法悄悄收敛成同一个样子。
  • 每站一个签名交互：每次构建必须发明一个只属于该网站的交互，改个配色的聚光灯不算数。
  • 指纹门禁：新作品必须在语法、导航、首屏、幕次结构、收尾、签名交互 6 个维度里至少 4 个维度区别于此前所有作品；不满足就改方案，而不是改记录。

写进规则的设计底线

除了防重复，还有一套硬门槛：

  • 情感曲线与单一峰值：每一幕先写情绪、再写屏幕上什么引发了它，相邻两幕情绪相同说明有一幕是冗余；整页只允许一个工程峰值，峰值拿到最多的素材预算和滚动空间。
  • 排版底线：至多两个字体族，字号越大字距越紧，行长控制在 45-75 字符，行高与行长成反比，深底浅字按三个轴补偿。
  • 颜色与深度：颜色六种角色只配一个强调色，次级文字用色调而非纯灰，不用纯黑；深度只用偏移阴影、边缘光、缩放模糊、叠加和颗粒五种手法。
  • 禁止清单：功能卡片网格、计数器、滚动提示、渐变文字、破折号、编造的数据、假仪表盘、AI 紫渐变、以及手工品牌常用的奶油色加黄铜色组合，一律拒绝。
  • 品牌指南优先：提供品牌 kit 时，它的硬性规则优先于技能默认。

自动检查自己的作品

构建完成后，技能用无头浏览器在每一个滚动位置走查成品页，等视频播放头稳定后报告四类问题：滚动但画面没有变化的死滚动、永远到不了完全透明的提示、按合成后页面逐行实测的对比度（深浅底色分别评分）、以及静默解码失败、看起来像暂停画面的视频帧。最后生成一张 contact sheet 供人判断——机器能证明页面工作正常，但判断不了它有没有意义。

安装与运行要求

需要 Node 18+、完整的 ffmpeg 构建和 playwright-core + Chrome（验证环节用）。

/plugin marketplace add nateherkai/scroll-craft
/plugin install nateherk-design

首次运行先执行 node scripts/doctor.mjs 和 node scripts/workspace.mjs --ensure 两个预检脚本。项目目前只在 Windows 上实测过；生成视频素材要花钱，用自有素材构建则零成本。它也会拒绝常见 AI 页面的布局和配色——若只想要一个「看起来像别的 AI 站」的页面，这个工具不合适。

总结

Scroll Craft 把「作品必须互不相同」和「页面必须达到设计底线」从口头要求变成了三道可执行的机制：语法互斥、指纹门禁、机器自检。对受够了 AI 网页千篇一律的开发者来说，它是 Claude Code 生态里一个值得试的方向。