The Nex Animated Website Skill transforms standard MP4 video files into premium, Apple-style scroll-animated experiences. Instead of a basic video player, this skill builds a high-performance interactive engine that scrubs through video frames based on the user’s scroll position, creating a tactile, luxury feel for product launches, real estate showcases, and digital portfolios.

Unlike simple “video-to-gif” converters, this skill implements a professional-grade web architecture featuring:

Dwell Remap Engine: Intelligently slows down video playback at specific content sections to ensure users can read your copy without the video rushing past.
Frame LERP Interpolation: Ensures buttery-smooth transitions between frames even when the user scrolls quickly.
Luxury Design System: Automatically injects ambient particles, film grain, glass-morphism stat cards, and dynamic color tints that adapt to your brand.
Mobile Optimization: Generates dual frame sets for desktop and mobile to ensure fast loading on all devices.

The skill produces a production-ready folder containing a single-file index.html with all CSS and JS inlined, a frames/ directory of optimized WebP images, and a manifest.json. It’s designed to be hosted immediately on any static platform like Vercel, Netlify, or S3.

Built by Nex AI. More skills and info at nex-ai.be and slopsome.com.