应用介绍
#AgentSkill #3D网页 #网页设计 #Codex #ClaudeCode #Cursor #Nextjs #Vue #开源项目
Scroll World 是一个用于生成滚动式 3D 世界落地页的开源 Agent Skill。输入品牌信息和需要呈现的场景后，它可以生成视觉风格统一的 3D 微缩世界，并将不同场景通过连续的镜头运动连接起来。用户滚动网页时，镜头会同步在 3D 世界中移动，形成连续运镜的沉浸式浏览效果。
它适合用来制作品牌官网、产品故事页、活动落地页和个人作品集。相比手动设计多个 3D 场景再处理镜头衔接，Scroll World 将场景生成、视觉统一和滚动交互整合成一套 Agent 工作流。
- 滚动驱动镜头：网页滚动进度与 3D 镜头运动关联，用户向下浏览时，镜头会在不同场景之间移动。
- 连续场景衔接：通过连续运镜连接多个内容区域，减少传统网页中明显的场景切换。
- 统一视觉风格：让不同 3D 场景保持一致的美术方向，更适合完整的品牌页面。
- 支持 Agent 编程工具：可配合 Codex、Claude Code、Cursor 等工具使用。
- 支持多种前端技术：兼容 HTML、Next.js 和 Vue，可根据现有项目技术栈进行开发。
- 移动端适配：针对手机端单独生成 9:16 版本，避免直接压缩桌面端 3D 页面。
- 适合品牌展示：可用于品牌官网、产品故事、产品发布页面以及个人作品集等强调视觉体验的项目。
- 开源项目：项目发布后获得较多开发者关注，可自行安装 Skill 并修改生成结果。
Scroll World 是一个用于生成滚动式 3D 世界落地页的开源 Agent Skill。输入品牌信息和需要呈现的场景后，它可以生成视觉风格统一的 3D 微缩世界，并将不同场景通过连续的镜头运动连接起来。用户滚动网页时，镜头会同步在 3D 世界中移动，形成连续运镜的沉浸式浏览效果。
它适合用来制作品牌官网、产品故事页、活动落地页和个人作品集。相比手动设计多个 3D 场景再处理镜头衔接，Scroll World 将场景生成、视觉统一和滚动交互整合成一套 Agent 工作流。
软件功能
- 品牌生成 3D 世界：根据品牌和场景描述生成对应的 3D 微缩世界，用于网页视觉展示。- 滚动驱动镜头：网页滚动进度与 3D 镜头运动关联，用户向下浏览时，镜头会在不同场景之间移动。
- 连续场景衔接：通过连续运镜连接多个内容区域，减少传统网页中明显的场景切换。
- 统一视觉风格：让不同 3D 场景保持一致的美术方向，更适合完整的品牌页面。
- 支持 Agent 编程工具：可配合 Codex、Claude Code、Cursor 等工具使用。
- 支持多种前端技术：兼容 HTML、Next.js 和 Vue，可根据现有项目技术栈进行开发。
- 移动端适配：针对手机端单独生成 9:16 版本，避免直接压缩桌面端 3D 页面。
- 适合品牌展示：可用于品牌官网、产品故事、产品发布页面以及个人作品集等强调视觉体验的项目。
- 开源项目：项目发布后获得较多开发者关注，可自行安装 Skill 并修改生成结果。
