scroll-stop-builder - Build scroll-driven video animation websites
Builds responsive websites that map scroll position to extracted video frames rendered on a canvas, with customizable sections and effects.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Interview project requirements
- Analyze video metadata
- Extract video frames
- Render frames on canvas
- Build responsive website
- Add scroll-driven animation
- Add customizable site sections
- Serve and test website
Inputs
- Video file
- Brand or product name
- Logo file
- Accent color
- Background color
- Visual style preferences
- Website URL or content
- Optional section choices
Outputs
- Single HTML website
- Extracted frame sequence
- Scroll-controlled canvas animation
- Responsive page sections
- Local development server
Requirements
- FFmpeg installed
- User-provided video
- Short video duration
- White first video frame
- Browser for testing