Works with the AI tools you already use

    CClaude CodeCCursorCCodex CLIGGitHub CopilotGGemini CLIVVS CodeWWindsurf+15 more

    Nex Animated Website Skill

    by Nex AI

    1

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

    $7

    · or 35 credits

    30-day refund guarantee

    Secure checkout via Stripe

    0 installsNo reviews yet

    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.

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

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

    Details

    How to install

    Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.

    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/**

    Creator

    Nex AI

    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

    Browse More Skills

    frontend-motion-wizard

    frontend-motion-wizard

    Advanced responsive layout and interactive micro-interaction engine for React, Tailwind CSS, and Framer Motion. Automatically injects fluid element states, mobile-first touch behaviors, adaptive viewports, and non-destructive layout transitions into static codebases

    Free
    495.0(2)
    ui-component-architect

    ui-component-architect

    Generates stunning, mobile-responsive Tailwind CSS components and modern landing pages.

    Free
    17No reviews
    Cinematic Landing Page Builder

    Cinematic Landing Page Builder

    Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.

    $19
    165.0(1)
    Award Winning Design: Turn Claude Into a World Class Designer

    Award Winning Design: Turn Claude Into a World Class Designer

    v2 of Design Philosophy — a senior-designer brain for your agent. Industry-specific, award-caliber UI plus six pro UX reasoning modules. Same prompt, radically better design.

    $7.99
    144.5(2)