Scroll Video Website Skill
scroll-video-website-skill
A skill turning video into a site with smooth frame-by-frame scrolling. One-command installation with npx skills
- 55 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- A page with video frames is heavy
- A no-motion variant is needed
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/scroll-video-website-skillDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- A page with video frames is heavy
- A no-motion variant is needed
This is third-party code. Review the repository files before installing.
What it does
Scroll Video Website Skill turns video into a site where frames change as the page scrolls. Per the README there is a live demo. Installation: `npx skills add musoyangrigor/scroll-video-website-skill --skill scroll-video-website`. MIT license. See the project README for the details of how it works.
Who it is for. For frontend developers and designers who need a scroll-through-video effect for a product presentation.
Good fit when
- You need a site with frame scrolling of a video
- You need scroll animation
- You need a showy product landing page
Not a fit when
- You need a light site: video frames are heavy to load
- You need accessibility without motion: the effect is built on animation
Example request
Turn this product video into a landing page with smooth frame scrolling and caption three blocksLimitations
The frame scrolling effect makes the page heavier, so check the load speed on mobile and add a no-motion variant for those who are bothered by animation. Access is minimal.
How to disable. Remove the skill from the agent's folder or the plugin through the plugin manager.
FAQ
What does the skill do?
It turns video into a site where frames change on scrolling.
How do I install it?
npx skills add musoyangrigor/scroll-video-website-skill --skill scroll-video-website.
Is there a demo?
Per the README there is a live demo.
Discussion
No questions or reviews yet.
Related
SkillsA skill that builds a landing page where scrolling flies a camera through a generated 3D world
Web Animation Skills
web-animation-skills
Web animation skills: GSAP, SVG, Lottie, micro-interactions, page transitions, 60 frames per second. Install with npx skills or as a plugin
A skill for building premium scroll-driven websites on a real design standard: typography, rhythm, depth, motion and in-browser verification
A skill methodology for reproducing websites, from a static page to heavy WebGL, built on real source code rather than agent-hallucinated code
Motion.dev Animations Skill
motion-dev-animations-skill
A Claude Code skill for Motion.dev, the successor of Framer Motion: 120 fps web animation, spring physics, scroll animation
Cinematic Scroll Prompt Kit
cinematic-scroll-prompt-kit
A prompt and project brief kit for cinematic 2.5D scroll sites for Codex, Claude Code, Hermes Agent and Kimi Code. Framework-independent
Comparison with similar tools
Entries that share the main search query, and how they differ.
| Entry | Official | Repository stars | Main difference |
|---|---|---|---|
| Scroll Video Website Skill (this entry) | no | 55 | |
| Cinematic Scroll Prompt Kit | no | 217 | a prompt for a 2.5D scroll site |
| Three.js Architecture Effects | no | 541 | a Three.js building assembling on a timeline |
README in short
The README describes a skill for a site with video frame scrolling and installation through npx skills. MIT license.