← 工具

Scroll World

开源 3D 滚动叙事 Landing Page Skill,把任意品牌变成连续镜头穿越的世界感官网。一句话描述行业即可生成丝滑 scroll-scrubbed 飞行路径,AI 编程工具直接调用。海外产品营销页差异化视觉的 0 设计方案,Stars 7.3K+

#57
推荐排名
7,283
GitHub Stars
9,468
推荐得分
出海产品 Landing Page 3D 化 / 营销页沉浸式视觉差异化
适用场景
开发工具前端AI Agent自动化UI

为什么需要

出海做产品,Landing Page 是转化率核心。纯文字介绍没人看,普通 3D 滚动效果又被竞品做烂——Emons 物流那种「连续镜头穿越世界」的沉浸感成了新标杆。但雇一个 3D 设计师做一个这样的页面要 $5K-$20K,还要排期 2 周。

Scroll World 是一个 Agent Skill,让 Claude Code、Codex 等 AI 编程工具直接生成这种「镜头飞行穿越」式 Landing Page。给一句话「我是做 XX 的 SaaS」,Skill 自动规划场景、设计镜头路径、生成 3D 资产、渲染视频片段,输出一个完整的 scroll-scrubbed 沉浸式页面。

怎么用

4 步生成 Landing Page:

  1. 安装 Skill:/plugin install scroll-world@scroll-world(Claude Code)或 npx skills add oso95/scroll-world -a codex
  2. 在 Agent 里说「我要做一个 [行业] 的 scroll-through Landing Page」
  3. Skill 调用 Monid CLI(Higgsfield 作为后备)生成场景视频片段
  4. 输出 HTML + CSS,自动嵌入连续滚动叙事

需要 Monid CLI 或 Higgsfield CLI 的 API key(两者都按生成秒数计费,Higgsfield 有免费 credits)。

使用案例

独立开发者做 B2B SaaS 工具出海,面向欧美客户。用 Scroll World 描述「我是做团队协作的 SaaS,目标客户是远程团队」,Skill 自动生成「从办公室窗外飞进会议室、穿越白板、飞出云端」的 3D 滚动叙事页。1 小时做出原本需要 3D 设计师 + 前端工程师 2 周的视觉效果。首页停留时长从 12 秒提升到 45 秒。

另一个场景是出海 DTC 品牌做产品发布页。描述产品卖点和品牌调性,Skill 自动把品牌故事转成 3D 飞行镜头序列,配合文案节奏做镜头切换。产品发布页转化率比静态图提升 2.3 倍。

注意事项

  • 定价:MIT 协议,完全免费(Skill 部分)
  • 必须付费:Monid CLI 或 Higgsfield CLI(视频生成按秒计费,单页 $5-$30)
  • 需要 ffmpeg、Python 3
  • 需要 Claude Code / Codex 等 AI 编程工具
  • 生成的视频片段风格固定(飞行穿越),不适合所有品牌调性