一个 Claude Code 技能：把"滚动叙事 + 设计工艺"固化为一套强制流程，专门产出不落俗套的高端滚动驱动网站。AI 生成落地页的通病人人皆知：正文对比度仅 2.1:1、手机端标题折六行、千篇一律六个区块。scroll-craft 把品味工程化——八种互斥"页面语法"、指纹门禁（新构建须在语法/导航/英雄区等六维度至少四项区别于以往所有页面）、必需"签名动作"，正面硬刚模板化输出；还自带无头浏览器按滚动位置验收成品。
| 项目 | 内容 |
|---|---|
| 仓库 | nateherkai/scroll-craft |
| 语言 / 许可证 | JavaScript / MIT |
| 总星标 | ⭐ 975（截至 2026-08-26） |
| 创建时间 | 2026-08-22 |
| 榜单 | 近30天新星榜 第21名 |
一个 Claude Code 技能：把"滚动叙事 + 设计工艺"固化为一套强制流程，专门产出不落俗套的高端滚动驱动网站。
AI 生成落地页的通病人人皆知：正文对比度仅 2.1:1、手机端标题折六行、千篇一律六个区块。scroll-craft 把品味工程化——八种互斥"页面语法"、指纹门禁（新构建须在语法/导航/英雄区等六维度至少四项区别于以往所有页面）、必需"签名动作"，正面硬刚模板化输出；还自带无头浏览器按滚动位置验收成品。建仓仅几天冲上榜单，印证"设计标准类 skill"正处风口。
插件目录 skills/scrollcraft 下分 SKILL.md 主流程（访谈→语法→评分→构建→验证）、九份 references、不变的 engine（scrollcraft.js/.css）和 doctor/workspace/kie/encode/shoot 等脚本；构建写入工作区 builds 目录，FINGERPRINTS.md 记录指纹注册表。
依赖 Claude Code；Node 18+、完整版 ffmpeg（SCROLLCRAFT_FFMPEG 可覆盖路径）、验证环节在 build 内 npm i playwright-core；可选 KIE_AI_API_KEY 用于 AI 素材。
/plugin marketplace add nateherkai/scroll-craft
/plugin install nateherk-design
node scripts/doctor.mjs # 环境体检
node scripts/workspace.mjs --ensure # 初始化工作区之后直接描述需求，或调用 `/nateherk-design:scrollcraft`。
EXAMPLES.md 是作者的十二行示例注册表；CHANGELOG.md 记录历次构建故障及其衍生规则，值得一读。作者诚实声明仅在 Windows 实测跑通；十段连续世界飞行的 AI 视频花费不菲。免安装开发可用 `claude --plugin-dir ./plugins/nateherk-design`。
同属 Claude Code 设计类 skill 的 diagram-design、impeccable 关注图表与代码美学；scroll-craft 专攻滚动交互与品味制度，并把指纹查重、无头浏览器验收写成硬规则，属于少数给出可执行质量门禁的项目。
仓库：https://github.com/nateherkai/scroll-craft ；许可证 MIT；示例注册表 EXAMPLES.md、变更记录 CHANGELOG.md 见仓库根目录。