用途
Scroll Audit 用于审查一个已存在的滚动体验,并把观察到的证据转化为带评分的修复计划。它属于 Web Design Studio 技能集,是一个纯文本技能,包含评分细则和报告模板,而不是可执行的扫描器。它适合处理以下请求:对现有滚动体验进行审计、评审、评分或基准测试;页面感觉卡顿、卡在固定分区或与正常滚动冲突;视差、镜头运动或滚动劫持导致内容难以阅读;需要获得关于减少动态效果或动态可访问性的发现及优先级。
该技能不适用于一般 SEO 审查,也不适用于构建新网站的请求。审查范围应保持在用户请求的页面、路由和设备范围内。
主要能力
技能按七个类别进行检测,检查页面的开场、过渡、可读停留和退出,然后反向滚动,并在工具支持时观察键盘访问和减少动态效果版本。证据按章节和选择器记录。
评分覆盖四个维度,每个维度 0 到 100 分,在扣除和上限之后各占总体结果的 25%:
- 节奏(Pacing):从刻意安排的节奏与释放,到破碎或持续被困的滚动流。
- 性能(Performance):从几乎未观察到技术扣分,到严重执行失败。
- 可访问性(Accessibility):从内容与控件保持可达,到关键内容无法到达。
- 情感弧线(Emotional Arc):从清晰推进并服务于主题,到令人迷失或自相矛盾的处理。
等级按计算出的分数区间分配:A 为 90-100,B 为 70-89,C 为 50-69,D 为 30-49,F 为 0-29。技能强调应使用计算出的区间而非仅凭描述来定级,高分并不构成对可访问性、设备性能或转化率的认证。
技能还包含十七项品味检查及关键扣分上限,这些扣分与基础公式分开记录,以便其他审查者复现结果。评分细则是一种诊断惯例,不是对网站字体、配色、布局或动态风格的处方。
使用方式
使用前需先确立授权范围:只审计用户拥有或获授权测试的站点,基准测试请求不豁免这一要求。抓取在智能体的网络上下文中运行,加载脚本或使用控件可能触发分析、广告展示或其他副作用。对 localhost 或内部 URL 需先确认;对提供的本地文件,在用户范围内读取,若要通过本地 URL 提供或打开则需获得确认。绝不输入真实凭据,优先使用一次性测试账户和用户已认证的会话,不在聊天中索要密码,不绕过访问控制,不提交表单或激活购买。若无法访问,应报告该限制,仅检查获授权的公开表面。
流程分为五步:
- 抓取与分析:打开请求的路由,记录 URL 或本地路径、日期、设备、浏览器、视口、动态偏好和可用工具,按七个类别检测,检查开场、过渡、可读停留和退出,然后反向滚动,在工具支持时观察键盘访问和减少动态效果版本。按章节和选择器记录证据。缺少浏览器、无法访问源码或无法获得追踪都算缺失证据,不得从看起来流畅的截图推断帧率,也不得从存在媒体查询推断可访问性。
- 对每个维度评分:应用四个公式到记录的发现,保留扣分台账,说明每项扣分背后的观察、计数和任何上限,解释判断依据,尤其是叙事性发现。若所需测量不可用,将受影响的分数标记为暂定或未评估,不得把不完整的审查呈现为完整的总体评分。
- 检查品味违规:应用全部十七项检查和评分中的关键上限,将这些扣分与基础公式分开,解释依赖品牌的判断。
- 编写 remediation-plan.md:使用报告模板,把关键问题放在最前,包含受影响章节、证据、实际修复和预估工作量,区分测量结果与评分细则判断及预期改进,不得编造时间、源码文件名或前后分数,明确记录不可用的检查,写入用户要求的输出目录。
- 呈现并提供修复:总结总体分数和等级,或解释为何两者不可用;指出能消除最大观察障碍的单项修复;若已安装 cinematic-scroll,可提出用它实施关键修复。审计本身不授权更改。修复被接受后,在相同条件下重复受影响的检查并比较。
适用场景
适用于对现有滚动体验进行审计、评审、评分或基准测试;页面出现卡顿、固定分区卡住或与正常滚动冲突;视差、镜头运动或滚动劫持影响阅读;需要减少动态效果或动态可访问性发现及优先级。
限制
技能本身不是可执行扫描器,评分只描述被检查页面和条件,不代表每一位访客。缺少浏览器、源码或追踪时属于缺失证据,不得推断。若所需测量不可用,分数应标记为暂定或未评估。审计本身不授权任何更改。
边界情况包括:无滚动交互时,继承的评分细则使用节奏 50、性能 100、可访问性 100、情感弧线 30,总体 70,应标记为名义静态基线,而非性能或可访问性的实测证明,并单独报告观察到的缺陷,不得声称静态页面需要动态效果来讲述故事。SPA 应覆盖请求的初始路由和已加载状态,识别未测试的导航并建议单独的路由检查,而非声称覆盖整个应用。认证场景使用获授权的测试会话,若无则标记受保护内容未评估并说明检查了哪些公开状态。自定义库应评估观察到的调度、属性变化和清理,仅凭库名不获得分数。纯 CSS 滚动时间线应检查计算后的动画状态、受支持浏览器行为和回退方案,没有 JavaScript 不意味着没有滚动交互。混合质量时先对章节评分并按滚动范围加权,展示这些范围,以免长而破损的章节被短而成功的章节掩盖。减少动态效果激活时,标记激活的偏好,在获授权且可能时分别比较正常和减少模式,报告超过 30 分的分数差距及其原因,缺失的正常模式证据必须保持可见。
输出契约
使用链接的模板编写 remediation-plan.md,然后返回简短的对话摘要,包含总体分数、等级、最具影响力的单项修复和剩余未知事项。若不支持完整评分,应说明而不是填补空白。若已安装 cinematic-scroll 技能,可提出用它实施关键修复。