【滚动官网神器】scroll-world｜AI 一键生成可穿行的 3D 滚动官网，电影感拉满

互动交流
1

最近看到一种超酷的网站效果 —— 滚轮往下滑，镜头从一座微缩建筑外面钻进去，穿过精心设计的内部空间，再飞向下一个场景，整个网页像一支可以用鼠标控制进度的品牌短片，第一眼给人的感觉就很贵。scroll-world 把这套制作流程整理成了一个开源 Agent Skill。

项目定位

这是一个生成滚动穿行式官网的 Agent Skill，定位是「电影感滚动官网一键生成器」。把品牌资料、产品信息和视觉风格交给 Agent，它自动规划场景、生成视频、接进网页引擎，直接产出一个高级感拉满的滚动官网。

核心亮点

  1. 完整的生成链路，从素材到网页一条龙

    Agent 自动规划场景、生成图片和镜头视频，再把素材接进网页里的滚动播放引擎，不用你手动拼接。

  2. 鼠标控制的电影级滚动体验

    往下滚动，镜头就向前飞行；滚到某个章节，品牌文案和产品卖点跟着场景出现；往回滚动，镜头也会沿着原来的路线退回去，交互感拉满。

  3. 开箱即用的完整工具包

    开源项目里提供完整的 Skill、提示词模板、批处理脚本和网页播放引擎，拿来就能用，不用从零搭。

  4. 多工具支持，灵活选择

    支持 Claude Code、Codex 等多种 Agent 工具，视频生成默认用 Seedance 2.0，Higgsfield CLI 做场景图，也可以用 Codex 内置的图片生成。

安装后输入 /scroll-world 或描述你想要的品牌世界即可开始生成。

依赖说明

  • 视频生成：Monid CLI 调用 Seedance 2.0
  • 场景图生成：Higgsfield CLI（Monid 不可用时也能生成视频）
  • 帧提取编码：ffmpeg、ffprobe
  • 手机竖屏画布：Python 3 + Pillow
  • 有 Codex CLI 的话，场景图可用 Codex 内置图片生成

适用场景

产品发布页、品牌官网、旅行项目展示、地产展示、个人作品集，想要做出高级感、电影感的网页。

项目信息