滚动入场
在浏览介绍内容时逐步建立节奏，不延迟关键任务。
在示例框内向下滚动；点击「从头再看」可重播。
选用这个效果
粘贴到目标项目的 Claude Code 或 Codex，并说明要应用的页面或组件。
查看完整应用请求
## 执行方式 使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。 ## 任务 请应用目标页面的「滚动入场」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。按目标页面适配并实施；保持真实内容和入口，冲突时说明原因并采用适合的静态反馈。 定义：https://prompts.aiplanet.live/api/webui/effects/v1/reveal-once.json 目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406 可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/reveal-once/index.html 按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。 所选变体：单区块入场（section）。本次应用以此变体为准。
## 执行方式 使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。 ## 任务 请应用目标页面的「滚动入场」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。按目标页面适配并实施；保持真实内容和入口，冲突时说明原因并采用适合的静态反馈。 定义：https://prompts.aiplanet.live/api/webui/effects/v1/reveal-once.json 目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406 可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/reveal-once/index.html 按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。 所选变体：成组错峰（group）。本次应用以此变体为准。
- 入场时长
- 360 ms
- 上移距离
- 12 px
- 组内间隔
- 70 ms
这些是演示参数，应用时按目标页面调整。
适合用在
- 首屏之后的宣传介绍区块
这些情况保持静态
- 首屏标题和主要入口
- 额度、告警、频繁更新的列表
- 需要快速定位或逐行比较的操作界面
触屏与减少动态效果
默认内容可见；无 JavaScript、无 IntersectionObserver、减少动态效果或脚本初始化失败时保持可见。
技术说明与应用检查
触发与结束
首屏之外的区块进入视口时短距离上移并显现，仅一次；成组卡片按 70 毫秒间隔错峰，完成后取消观察。焦点进入时整组立即显示，返回滚动不重播。示例的“从头再看”只用于主动重播。
应用后怎么检查
- 首屏内容不等待动画；滚动到目标能读到完整内容
- 滚出再返回不重播，焦点进入不会落入隐藏内容
- 减少动态效果、禁用脚本时所有区块可读
- 同组卡片依次入场，首尾间隔有界；焦点进入整组立即可见，不等待错峰延迟
目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406
只审核已有页面
检查当前选中的变体，提出建议，不修改页面。
查看完整审核请求
## 执行方式 使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。 ## 任务 请审核目标页面的「滚动入场」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。仅审核不修改页面；说明适配情况、问题和修改建议。 定义：https://prompts.aiplanet.live/api/webui/effects/v1/reveal-once.json 目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406 可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/reveal-once/index.html 按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。 所选变体：单区块入场（section）。本次审核以此变体为准。
## 执行方式 使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。 ## 任务 请审核目标页面的「滚动入场」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。仅审核不修改页面；说明适配情况、问题和修改建议。 定义：https://prompts.aiplanet.live/api/webui/effects/v1/reveal-once.json 目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406 可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/reveal-once/index.html 按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。 所选变体：成组错峰（group）。本次审核以此变体为准。