Works with the AI tools you already use
Nex Animated Website Skill
by Nex AI
Turn MP4 videos into luxury, frame-by-frame scroll-animated websites with cinematic overlays and a dwell-stop engine.
Secure checkout via Stripe
See it in action
You say
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.
Your agent does
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.
What you get
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.
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 9 days ago
- 30-day refund guarantee
- One-time purchase, yours forever
- Secure checkout via Stripe
Creator
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
Popular in Frontend & Design
Cinematic Landing Page Builder
Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.
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.
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
cinematic-4k-landing-page
Turn any business URL into a high-converting, agency-grade landing page with AI-generated 4K cinematic visuals, GSAP scroll animations, and one-command Cloudflare Pages deployment.