video-to-website
CommunityAnimate video into a premium website.
Authorwyrmspire
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill transforms a video file into a dynamic, scroll-driven animated website, offering a premium user experience without manual coding of complex animations.
Core Features & Use Cases
- Video Frame Rendering: Extracts frames from a video and renders them on a canvas, synchronized with user scroll.
- GSAP Animation Choreography: Integrates multiple animation types (fade, slide, scale, etc.) with staggered reveals and smooth scrolling (Lenis).
- Use Case: Turn a product demo video into an interactive landing page where each scene transitions smoothly as the user scrolls, highlighting key features with text overlays and animations.
Quick Start
Use the video-to-website skill to convert the video 'intro.mp4' into a scroll-driven website.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: video-to-website Download link: https://github.com/wyrmspire/work/archive/main.zip#video-to-website Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.