Works with the AI tools you already use

    CClaude CodeCCursorCCodex CLIGGitHub CopilotGGemini CLIVVS CodeWWindsurf+15 more

    Nex Video Frame Pipeline

    2

    Convert MP4 videos into dual-resolution, web-optimized WebP frame sequences for high-performance scroll animations.

    Secure checkout via Stripe

    0 installsSecurity scanned

    See it in action

    You say

    Extract frames from product-hero.mp4 for a high-end scroll animation segment.

    Your agent does

    Probing 'product-hero.mp4': 10s duration found. Recommended: 60 frames. Extracted to /frames: - Desktop (1920x1080): 12.4MB - Mobile (960x540): 3.8MB Manifest generated with recommended_scroll_height: 400vh. Everything within budget!

    What you get

    Generate dual-resolution frame sets for Apple-style scroll sequencesCalculate optimal frame counts based on video length and scroll depthAuto-optimize WebP quality to stay under 15MB/5MB payload budgetsCreate standardized manifest.json files for scroll-driven JS engines

    About this skill

    What it does

    The Nex Video Frame Pipeline is a developer-centric utility that automates the complex process of turning a standard MP4 video into a high-performance, web-optimized frame sequence. It performs a multi-stage operation: analyzing video metadata via ffprobe, calculating an optimal frame-to-scroll-depth ratio, and extracting synchronized frames at dual resolutions (Desktop/Mobile). It uses an intelligent FFmpeg libwebp fast-path with a Pillow fallback to ensure it runs in any environment where Python and FFmpeg are available.

    Why use this skill

    Manually extracting frames for "Apple-style" scroll animations is tedious and error-prone. This skill handles the heavy lifting by ensuring your frame naming is perfectly sequential, your payloads stay within web budgets (15MB Desktop / 5MB Mobile), and your aspect ratios remain consistent across devices. It eliminates the guesswork of "how many frames do I need for this duration?" by using a proven mathematical formula for smooth scrolling.

    Output & Integration

    The pipeline generates organized directories of WebP images and a critical manifest.json. This manifest includes source metadata and a recommended scroll height, making it ready for immediate injection into scroll-driven animation engines like GSAP or NEX Scroll. It automatically warns you if your total file size is likely to cause performance issues on mobile devices.

    • Automated dual-resolution (Desktop/Mobile) extraction.
    • Smart frame-count calculation based on video duration.
    • Payload budget monitoring and optimization recommendations.
    • Robust FFmpeg/Pillow fallback architecture.
    • Standardized manifest generation for downstream JS engines.

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

    How to install

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

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    30-day refund

    Not a fit? Get your money back

    Trust & safety

    Security scanned

    Verified clean 8 days ago

    Listed1 month ago
    Updated8 days ago

    Frequently Asked Questions