把任何品牌做成滚动控制 3D 飞越落地页的 AI Agent 技能
❝ scroll-world 是一个 AI Agent 技能,能将任何品牌或行业变成一个可滚动驱动的沉浸式 3D 飞越世界落地页——随着用户滚动页面,镜头从一个场景无缝飞行到下一个场景,形成一段连续的视觉旅程。
它通过访谈收集需求,然后利用 AI 生成等距微缩场景静态图和无缝拼接的视频片段,最终由一个轻量级、框架无关的滚动引擎将它们串联起来。
要点 滚动驱动摄像机移动 :页面将一组 AI 生成的视频片段按滚动位置逐帧播放,实现类似 Apple 产品页的滚动驱动动画效果,镜头从每个场景外部飞入内部,再无缝过渡到下一个场景。 全 AI 生成管线 :场景静态图由 GPT Image 2 生成(通过 Higgsfield 或 Codex CLI),场景间飞行视频由 Seedance(Monid 默认)或 Kling(Higgsfield 备用)生成,仅选用能实现首尾帧锁定的模型以保证无缝拼接。 框架无关 :提供纯原生 JS 滚动引擎(scrub-engine.js),可嵌入纯 HTML、Next.js、Vue 或 Python 渲染的页面,不绑定任何特定技术栈。该引擎内置了 Blob 寻轨(blob-seek)、懒加载(lazy load)以及接缝交叉淡入淡出(seam crossfade) 等平滑播放优化技术。 本地系统依赖 :运行该技能在本地需要以下支持: ffmpeg / ffprobe :用于视频片段的帧提取和最终编码。 Python 3 与 Pillow 库 :用于合成手机端(9:16)画布,以及运行 knockout.py 脚本 来实现可选的场景背景抠图。 自动访谈式配置 :调用后会逐步询问主题/行业、品牌素材、美术方向、场景顺序、是否生成手机竖版(原生 9:16,非横屏裁切)以及预算,确认后才开始生成。 生成成本 :资产生成需付费(包含 Higgsfield 图像生成及 Monid 默认按片段计费的视频生成;手机版会额外翻倍视频生成量)。一段 6 场景 1080p 视频链在 Monid 下生成成本约为 $27,运行前技能会读取实时余额并提供总成本预估。 安装与使用 安装方式(三选一):
Claude Code 插件(推荐) : /plugin marketplace add oso95/scroll-world ,然后 /plugin install scroll-world@scroll-world ,之后直接对话要求生成即可。 Skills CLI(通用) : npx skills add oso95/scroll-world ,按提示选择目标 Agent(支持 Codex、Cursor 等 20+ Agent)。 手动安装 : git clone 项目后将 skills/scroll-world/ 目录复制到对应 Agent 的 skills 目录。 使用 :安装后在 Agent 中直接提出需求即可,技能会自动引导你完成访谈→生成→组装全流程。
项目由 oso95(oso95cyw) 开发,采用 MIT 协议,当前 8,000 Stars 。
❝ 项目地址:-world





