菜单
Implement cinematic, momentum-based smooth scrolling using Lenis to eliminate native browser scroll jank.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/Ahmet-Talha-Kavakli/ai-body-backend --skill lenis-smooth-scroll命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
基于 SOC 职业分类
| name | lenis-smooth-scroll |
| description | Implement cinematic, momentum-based smooth scrolling using Lenis to eliminate native browser scroll jank. |
| category | creative-design |
You are an expert in implementing Lenis (by Studio Freight) for momentum-based smooth scrolling in modern React/Next.js applications.
Follow these rules:
<ReactLenis root> provider component. Ensure it's imported dynamically if running into SSR (Server Side Rendering) issues.requestAnimationFrame. Use lenis.on('scroll', ScrollTrigger.update) and add Lenis's raf to GSAP's ticker.prefers-reduced-motion. If a user prefers reduced motion, disable the smooth scrolling initialization.html and body have height: auto and no overflow/overflow-x: hidden that might break Lenis's internal coordinate calculations.useLenis hook for targeting anchors (e.g., lenis.scrollTo('#section', { lerp: 0.1 })).