用途：把一段视频（MP4、MOV、WebM 等）转成单页滚动驱动网站，滚动控制 canvas 逐帧播放视频，文字区块随滚动以不同方向动画入场，风格类似 Apple 产品页。适用于产品/品牌页、编辑型页面、艺术展示。不负责剪辑视频、音频同步，也不构建多页站点、仪表盘或电商。
主要能力：用 ffmpeg 抽帧（WebP），生成 index.html、css/style.css、js/app.js 与 frames/ 目录，纯原生加 CDN，无打包器。内置 Lenis 平滑滚动、帧预加载、canvas 渲染、滚动与帧索引绑定、多种入场动画（fade-up、slide-left/right、scale-up、rotate-in、stagger-up、clip-reveal）、数字计数动画、横向文字跑马灯、暗色遮罩与圆形 clip-path 揭示。
使用方式：先确认依赖 which ffmpeg && which ffprobe；用 ffprobe 分析分辨率、时长、帧率、总帧数；按视频长度决定抽帧帧率与目标帧数（约 150-300 帧），再执行 ffmpeg -i "<VIDEO_PATH>" -vf "fps=<CALCULATED_FPS>,scale=<WIDTH>:-1" -c:v libwebp -quality 80 "frames/frame_%04d.webp"；随后搭建目录并编写三个文件。本地测试可用 npx serve . 或 python3 -m http.server 8000。可选部署：Vercel（bash skills/vercel-deploy/scripts/deploy.sh <project-directory>，有约 4.5MB 压缩体积限制）、AWS S3+CloudFront（bash skills/aws-deploy/scripts/deploy.sh <project-directory> [--region us-east-1]）、GCP/Firebase（bash skills/gcp-deploy/scripts/deploy.sh <project-directory> [project-id]）。
限制与注意：默认 FRAME_SPEED 为 1.0，视频贯穿整个滚动；若需提前播完按 100/目标百分比计算。移动端需减少帧数与分辨率、开启 smoothTouch、调整 IMAGE_SCALE 与滚动高度。文字需近不透明背景以保证可读性。支持 prefers-reduced-motion。具体主题、文案、配色等未指定时使用默认值或向用户确认。