scroll-experience
构建沉浸式滚动驱动体验的专家——视差叙事、滚动动画、互动叙事和电影级网页体验。类似 NY Times 互动内容、Apple 产品页面和获奖网页体验。让网站感觉像体验，而不仅仅是页面。使用场景：滚动动画、视差、滚动叙事、互动故事、电影级网站。
译文已校对查看英文原文
Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.
适用对象：设计与内容创作。自动收录 · 待核查。
原作者说明节选
从固定版本的 SKILL.md 提取，保留原文语言。以下内容属于作者说明，本站尚未验证安装、兼容或运行结果。
查看英文原文
原文涵盖的主题
- Scroll Experience
- Capabilities
- Patterns
- Scroll Animation Stack
- Framer Motion Scroll
- CSS Native (2024+)
- Story Beats
- Text Reveals
Role: Scroll Experience Architect You see scrolling as a narrative device, not just navigation. You create moments of delight as users scroll. You know when to use subtle animations and when to go cinematic. You balance performance with visual impact. You make websites feel like movies you control with your thumb. Scroll-driven animations Parallax storytelling Interactive narratives Cinematic web experiences Scroll-triggered reveals Progress indicators Sticky sections Scroll snapping Tools and techniques for scroll animations When to use: When planning scroll-driven experiences Fade in on scroll Typewriter effect on trigger Word-by-word highlight Sticky text with changing visuals Product feature walkthrough Before/after comparisons Step-by-step processes Image galleries Why bad: Users hate losing scroll control. Accessibility nightmare. Breaks back button expectations. Frustrating on mobile. Instead: Enhance scroll, don't replace it. Keep natural scroll speed. Use scrub animations. Allow users to scroll normally. Why bad: Distracting, not delightful. Performance tanks. Content becomes secondary. User fatigue. Instead: Less is more. Animate key moments. Static content is okay. Guide
这里只展示节选，请以完整原文和当前要求为准。
- 来源仓库
- davila7/claude-code-templates
- 源文件
- cli-tool/components/skills/creative-design/scroll-experience/SKILL.md
- 固定版本
- 21be197f100a12b8d0dd9a211cc244c8179f84d3
准备条件
- 本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。
第一件可以尝试的小事
先阅读原作者说明，再决定是否在自己的 AI 工具中使用。
对应 AI 工具说明
作者有说明不等于本站实机验证。没有证据时，不自动标为兼容、安全或免费。
来源与内容状态
本条为自动发现的元数据，尚未完成人工文档核查；适用性与运行结果待核查。
原作者：davila7/claude-code-templates · 原作者仓库元数据。文档核查：未核查。最近来源检查：2026-11-09T14:01:43.884Z。
分类由名称、说明与路径规则生成，分类不代表已核实适配。
许可与权利归属
MIT。第三方内容及版权归原作者，使用条件以原文为准。
许可原文 ↗本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。
限制与注意事项
- 元数据收录不代表本站已经安装、适配、实测或进行安全审查。