1

    nex-animated-website-skill

    by Ch1n4 G3nd4x

    Turn MP4 videos into luxury, frame-by-frame scroll-animated websites with cinematic overlays and a dwell-stop engine.

    Updated Jun 2026
    Security scanned

    $9

    · or 45 credits

    30-day refund guarantee

    Secure checkout via Stripe

    Included in download

    • Convert product renders into interactive frame-by-frame scroll experiences
    • Create high-end real estate walkthroughs with synchronized text overlays
    • terminal automation included
    • Instant install

    Sample input

    Create a luxury scroll-driven website for this architectural walkthrough video. Use a dark theme with gold accents and include a parallax gallery at the bottom.

    Sample output

    I've processed your video into 120 optimized WebP frames. The 'Villa Oro' showcase is ready: I implemented a 900vh scroll height with a DWELL_PEAK of 4.2 to highlight the lounge and terrace views. The single-file index.html includes the gold glass-morphism cards and the parallax gallery.

    About This Skill

    High-End Cinematic Web Development

    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.

    Advanced Scroll Engine

    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.

    Developer-Ready Output

    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.

    Use Cases

    • Convert product renders into interactive frame-by-frame scroll experiences
    • Create high-end real estate walkthroughs with synchronized text overlays
    • Develop cinematic landing pages with ambient particles and film grain effects
    • Build scroll-driven portfolios that play video sequences on user interaction

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    Terminal / Shell

    Allowed Hosts

    fonts.googleapis.com
    fonts.gstatic.com
    nex-ai.be

    File Scopes

    assets/**
    references/**
    scripts/**

    Tags

    scroll-animation
    video-to-web
    frontend-development
    apple-style
    interactive-design

    Creator

    Ch1n4 G3nd4x

    Founder of Nex AI. I build production-grade Claude Skills from systems that actually run: multi-tenant SaaS, Telegram agents, Raspberry Pi infrastructure, 3D multiplayer rooms. Every skill ships battle-tested patterns, not theory. 33+ open source skills published, commercial catalog growing.

    Frequently Asked Questions

    Learn More About AI Agent Skills

    More Premium Skills

    designing-hybrid-context-layers

    Architects the right retrieval strategy for every query — teaching your agent when to use RAG, a knowledge graph, or a temporal index instead of defaulting to vector search for everything.

    $1012 installs

    consumer-motivation-analyzer

    Go beyond surface-level feedback to uncover the psychological drivers and hidden motivations behind buyer behavior.

    $199 installs

    keyword-research

    Transform URLs or product lists into SEO keyword research packs with Google Ads data and intent-based clustering.

    $77 installs

    ai-automation-qa-pack

    Professional QA & UAT documentation generator for AI automation agencies and complex agent deployments.

    $56 installs