parallax-landing-page

用途：把一段 5–15 秒视频（常为 AI 生成）转化为单屏电影感落地页。滚动输入被 JS 拦截并转换为虚拟帧进度，画布逐帧绘制，5 组文字场景按进度交叉淡入淡出，页面不实际滚动。属于 YUV.AI 技能金字塔中间层，必要时可由 yuv-pilot 编排调用；自带视觉语言，不调用 yuv-design-system。\n\n主要能力：用 ffmpeg 以 -q:v 2 逐帧提取为 frame-001.jpg 起的零填充 JPEG（不缩小、不放大）；脚本输出 JSON 元数据（frame_count、suggested_scroll_budget）；内置 landing-page-template.html 模板与 {{PLACEHOLDER}} 占位符；共享 style.css、parallax.js 提供 ParallaxPage 类（参数 folder、frameCount、prefix、scrollBudget，可选 padWidth、ext）；含加载器、暗角、胶片颗粒、滚动提示与右下角帧计数器。\n\n使用方式：先确认视频路径、slug、主题、项目模式与强调色；执行 python <skill>/scripts/extract_frames.py <video_path> <output_folder>；按模板生成 <slug>.html；独立模式复制 style.css 和 parallax.js。查看时在父目录运行 python -m http.server 8000 后打开页面，不要用 file://，以免本地图片污染画布。\n\n约束：固定 5 个场景及进度窗口 0.00–0.20、0.22–0.40、0.42–0.60、0.62–0.80、0.82–1.00；最终场景内嵌 CTA，其下不再加 .end；字体限定 Anton、Caveat、Inter；文字用 off-white #f5f1ea；帧文件夹名与 HTML 文件名必须同一 slug。q:v 2 下每帧约 120–220 KB，6 秒 24fps 约 145 帧约 25 MB，10 秒约 241 帧约 53 MB。收费、授权与平台支持暂未提供。