Video to Premium Scroll-Driven Website

Turn a video file into a scroll-driven animated website with animation variety and choreography — multiple animation types working together, not one repeated effect.

The result is a website where scrolling controls video playback frame-by-frame on a canvas, with text sections animating in from different directions as the user scrolls. Think Apple product pages, but generated from any video — product demos, brand films, nature footage, music videos, or anything visual.

Scope

This skill does:

• Extract frames from a video and build a scroll-driven single-page site
• Generate HTML, CSS, and JS with no build tools (vanilla + CDN)
• Handle product/brand sites, editorial pages, artistic showcases

This skill does not:

• Edit or trim the source video
• Add audio/sound sync
• Build multi-page sites, dashboards, or e-commerce stores

Input