implement_lenis_scroll
✓Instructions for implementing Lenis smooth scrolling in a Next.js or React application.
Installation
SKILL.md
This skill guides you through adding buttery smooth scrolling to a React/Next.js application using @studio-freight/lenis (or the newer lenis package).
Create the Lenis Hook/Component It's best to encapsulate Lenis in a reusable component or hook.
Option A: Global Component (Recommended for Next.js App Router) Create src/lib/lenis.ts or src/components/SmoothScroll.tsx.
Instructions for implementing Lenis smooth scrolling in a Next.js or React application. Source: jerrar670/surf-website.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/jerrar670/surf-website --skill implement_lenis_scroll- Source
- jerrar670/surf-website
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is implement_lenis_scroll?
Instructions for implementing Lenis smooth scrolling in a Next.js or React application. Source: jerrar670/surf-website.
How do I install implement_lenis_scroll?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/jerrar670/surf-website --skill implement_lenis_scroll Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/jerrar670/surf-website
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01