Repolode
提交项目
oso95

oso95/scroll-world

一个智能体技能，可生成随滚动推进的 3D 落地页，镜头从场景外飞入内部且无切换。

在 GitHub 查看
Star
10,261
Fork
1,128
未关闭 Issue
10
最近提交
3个月前

这是什么？

scroll-world 是一个面向 Claude Code、Codex 及其他兼容 SKILL.md 的智能体技能，用于为任意品牌或行业生成沉浸式落地页。页面随滚动推进，镜头从场景外部飞入内部，再无切换地衔接到下一个场景，形成一段连续的飞行。

素材由 AI 生成：通过 Higgsfield 或 Codex CLI 调用 GPT Image 2 生成等距微缩场景静帧，再用 Seedance 或 Kling 做图生视频的镜头片段。衔接片段基于相邻场景的实际渲染帧生成，因此每个接缝都能逐帧对齐。滚动位置控制播放时间，镜头运动本身来自生成的视频。

滚动引擎是与框架无关的原生 JavaScript 模块，可用于纯 HTML、Next.js、Vue 或 Python 服务的页面。技能还支持单独渲染的 9:16 竖屏版本，并会在开始生成前给出预估费用。

核心功能

  • 01使用 AI 图像和视频模型生成等距微缩场景静帧与镜头飞行片段。
  • 02基于相邻场景的渲染帧生成衔接片段，使场景切换无缝。
  • 03提供与框架无关的原生 JavaScript 滚动引擎，支持懒加载和接缝淡入淡出。
  • 04可选单独构图的 9:16 移动端版本。
  • 05开始生成前展示预估积分或美元费用，并等待确认。

适用场景

  • 为物流或工业企业制作由滚动驱动的产品或品牌落地页。
  • 无需 3D 建模流程，快速原型化沉浸式营销页面。
  • 为现有的 Next.js、Vue 或纯 HTML 网站添加电影感的滚动展示区块。

快速上手

  1. 1

    在 Claude Code 中添加插件市场

    /plugin marketplace add oso95/scroll-world
  2. 2

    安装插件

    /plugin install scroll-world@scroll-world
  3. 3

    请求生成滚动穿越世界的落地页，或调用 /scroll-world

使用前须知

  • 资源生成需要付费：需要带余额的 Monid API 密钥或 Higgsfield 积分。
  • 还需要 Higgsfield CLI、ffmpeg，以及安装了 Pillow 的 Python 3。
  • 它是生成资源的智能体技能，不是可直接运行的网站，生成的媒体文件也不随项目附带。

标签

#ai-agent#claude-code#landing-page#scroll-animation#video-generation#image-generation#javascript#frontend

常见问题

scroll-world 是什么？
一个智能体技能，可生成随滚动推进的 3D 落地页，镜头从场景外飞入内部且无切换。 scroll-world 是一个面向 Claude Code、Codex 及其他兼容 SKILL.md 的智能体技能，用于为任意品牌或行业生成沉浸式落地页。页面随滚动推进，镜头从场景外部飞入内部，再无切换地衔接到下一个场景，形成一段连续的飞行。
scroll-world 可以免费使用吗？用的什么许可证？
scroll-world 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
scroll-world 还在维护吗？
半年内有更新。scroll-world 最近一次提交是在 2026年7月29日。
scroll-world 适合用来做什么？
为物流或工业企业制作由滚动驱动的产品或品牌落地页。 无需 3D 建模流程，快速原型化沉浸式营销页面。 为现有的 Next.js、Vue 或纯 HTML 网站添加电影感的滚动展示区块。
scroll-world 怎么安装和运行？
在 Claude Code 中添加插件市场: /plugin marketplace add oso95/scroll-world 安装插件: /plugin install scroll-world@scroll-world 请求生成滚动穿越世界的落地页，或调用 /scroll-world
在哪里获取 scroll-world？
源代码和安装说明在 GitHub 上：https://github.com/oso95/scroll-world

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目