scrollcraft Skill 技能

scrollcraft 是一个 Claude Code 技能，旨在构建优质的滚动驱动网站，并将它们维持在真实的设计标准上。

大多数 AI 网站输出失败于两个方向之一：要么表现良好但平庸无奇，要么是花哨的滚动动画加上 2.1:1 正文的花哨页面。scrollcraft 两条路都不走：它将交互与工艺视为同一项工作，而不是两件不同的事。

三种构建，三种完全不同的页面

同一技能、同一引擎、无共享骨架。三个构建不是主题，而是不同的页面语法、不同的导航模型、不同的结尾。

• Orrery · 旅行实践：一个不间断的世界。整个页面是一个单一的固定舞台：你会落入一个手工制作的地球模型，落在京都，横穿巴塔哥尼亚和撒哈拉，再回到起点。没有任何部分边界。
• PERKFORM · 蛋白粉咖啡：电影级一镜到底，页面中央硬切两个全出血反转底色。大声、产品优先，是三个中唯一提升音量的一款。
• Fallowbank · 景观设计工作室：安静、纪录、克制。真实摄影作品上的博物馆标签文案，结尾是一行跑动文字而不是一个按钮。

八大相互排斥的页面语法

胶片式一镜、章节编辑、实时表面、连续世界、字体海报、画廊、分舞台、节奏剪辑列表。每一种都禁止其他语法所要求的内容，因此两个构建不会悄悄收敛。

强制签名动作

每个构建必须发明一个只存在于该网站上的自定义交互。重塑聚光灯不算。

指纹门控

新构建必须在 6 个维度中的至少 4 个与已有的页面不同：语法、导航、英雄区、行动形状、结尾、签名动作。未通过则修改计划而不是记录。

设计工艺标准

• 情感曲线：在任何行动存在之前就规划好。每幕一行：情感，然后是屏幕上引起它的东西。两幕相邻情感相同意味着其中一幕是填充物。
• 一个精心设计的峰值：峰值终规则，文字应用。峰值获得资产预算、前方的沉默和最多的滚动空间。有三个峰值的页面实际上没有峰值。
• 字体底线：最多两个字体家族，跟踪随尺寸收紧，45-75 字符行宽，行高与行宽成反比，深色底浅色字在三个轴上补偿。
• 颜色六个角色一个强调色，次要文本着色调而不是平面灰色，无纯黑，并为在浅色和深色底之间硬切的页面提供文档化出口。
• 深度作为五个工具而非一个：偏移阴影、边缘光、比例和模糊作为距离、重叠和纹理。

自我验证

无头浏览器在每个滚动位置遍历完成的页面，等待视频播放头稳定，然后报告：

• 死滚动：页面上什么都没改变的滚动
• 永远达不到完全不透明的提示：读者只能看到褪色的文字
• 在复合页面上逐行测量的对比度，在最亮帧下取方向，使浅色文字在深色底和深色文字在浅色底都正确分级
• 粘在海报上的腿：静默解码失败的剪辑，看起来就像暂停的电影

然后它会写一个联系人表，因为机器可以证明一个页面有效但无法告诉你它意味着什么。

安装方式：Claude Code 插件市场安装，命令行：/plugin marketplace add nateherkai/scroll-craft