Skills
.Work. You
Rest

scroll-stop-builder

Community

Turn video into a scroll-driven website.

Software Engineering#video#animation#canvas#ffmpeg#responsive-design#scroll#frame-extraction
Authorspuneiartur
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Turning a video into a scroll-driven, production-ready website that responds to user scroll, enabling cinematic interactions without hand-coding frame-by-frame.

Core Features & Use Cases

  • Frame extraction from video assets (FFmpeg) for frame-accurate playback on a canvas.
  • Canvas-based rendering with responsive, scroll-synced framing for desktop and mobile.
  • Use Case: marketing/product pages that showcase products with Apple-style scroll stop effects, portfolios, and case studies.

Quick Start

Provide a video file and any brand preferences, and I will generate a production-ready scroll-driven website controlled by scrolling.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: scroll-stop-builder
Download link: https://github.com/spuneiartur/claude-agent-specs/archive/main.zip#scroll-stop-builder

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.