SkillsScout
FRONTEND-DESIGN / 前端与设计

scroll-world

收录日期 2026-07-23·来源仓库 ↗
受欢迎程度
8
可用程度与相关性
7
安全性
8
7.7SCOUT SCORE

1. 基本信息

项目 内容
名称 scroll-world
作者/维护者 oso95(个人开发者)
来源链接 https://github.com/oso95/scroll-world
许可证 MIT(数据来自 GitHub API)
GitHub Stars 4,931(数据来自 GitHub API)
Forks 570(数据来自 GitHub API)
最新版本 0.3.0(数据来自仓库插件清单 plugin.json,功能仍在持续迭代)
安装方式 Claude Code 插件市场 / Vercel skills CLI / 手动复制

2. 功能介绍与亮点

scroll-world 通过一次对话式访谈收集品牌/主题、场景顺序、美术风格等信息,调用 Higgsfield 生成一组风格统一的等距透视场景静帧,再为每个场景生成“从场景外飞入内部”的运镜短片及衔接相邻场景的连接片段,最终产出一个不依赖具体前端框架的滚动引擎——访客滚动页面时视频按滚动位置播放,呈现连续无剪辑的一镜到底效果,视觉上对标苹果官网式的产品滚动叙事页面。

核心技术难点是“接缝必须帧级对齐”,SKILL.md 用专门章节说明如何避免衔接处画面跳变。技能支持生成竖屏 9:16 的独立移动端运镜链(而非简单裁剪横版画面),并允许改用 Codex CLI 内置图像生成模型替代 Higgsfield 产出静态场景图。

上线约两周半内,项目已进入 GitHub Trending 榜单并被独立科技媒体 The Break Daily 专题介绍,同时收到 5 位不同独立开发者提交的功能扩展 Pull Request(新增 fal.ai 生成后端、多语言文档、Codex 格式适配等),显示出真实第三方社区参与。

3. 适用场景

所属固定分类:前端与设计

适合需要制作视觉冲击力强的品牌/产品/行业介绍着陆页的独立开发者、初创团队与设计师,尤其是想要“苹果官网级”滚动叙事效果、但不具备自行搭建 WebGL/视频合成 pipeline 能力的用户。

4. 跨 Agent 兼容性

5. 推荐理由

把制作“苹果官网式”沉浸滚动叙事着陆页这件通常需要 WebGL、视频合成与美术团队协作才能完成的重活,压缩成一次对话式访谈加自动生成流程,让缺乏视觉设计资源的小团队和个人开发者也能快速产出有记忆点的展示页。

6. 评分

维度 分数 说明
受欢迎程度 8 上线约两周半积累 4,931 GitHub Stars,且有 13 次实质性功能提交(相机架构、移动适配、多渲染后端支持)而非单纯营销爆发;GitHub Trending、独立科技媒体专题报道、5 位不同开发者提交的扩展 PR 等多个独立来源印证真实社区关注度
可用性 7 提供插件市场、Vercel skills CLI、手动复制三种安装路径,SKILL.md 搭配 4 份参考文档指引完整;但核心生成能力依赖 Higgsfield 付费额度与 CLI 鉴权,外加 ffmpeg/Python 环境,非一条命令即可用,且上线时间尚短,长期维护记录待观察
安全性 8 未发现可疑指令或数据外发迹象,联网范围仅限于其核心功能所需的图像/视频生成 API;凭据通过 Higgsfield 官方 OAuth 流程管理而非技能自行存储;作者为 2021 年注册的实名开发者,系某 AI 公司创始人兼 CTO;MIT 许可证明确

安全检查清单逐项结果:

7. 跟同类 Skills 相比的优势

竞品 定位 与本技能的差异
xiaopu-ai/web-design 规格先行的通用网页设计技能,聚焦页面整体视觉一致性与代码产出 覆盖任意网页设计需求,但不专门处理沉浸式滚动运镜叙事,也不涉及 AI 视频生成 pipeline
nolangz/pixel2motion 把静态 Logo 转成流畅 SVG/视频动画的 AI 品牌动效技能 聚焦单一 Logo/标志的动画化,产出通常是独立短片或图形动效,而非整页可交互的滚动驱动着陆页

scroll-world 的差异化在于把“滚动驱动预渲染视频、相邻镜头帧级无缝衔接”作为核心方法,产出可直接嵌入任意前端技术栈的完整着陆页体验,而非单一动效素材或视觉规范。

8. 用户评价

目前第三方平台尚无具名的评价性评论;已确认的第三方参与形式是多位独立开发者提交的功能扩展 Pull Request(见第 2 章),而非评价性文字。

9. 其他补充

仓库已收到简体中文与日文 README 的社区贡献草案(Pull Request 中,尚未合并),并支持用 Codex CLI 内置图像生成模型替代单一供应商依赖。

10. 安装使用方式

Claude Code(推荐)

/plugin marketplace add oso95/scroll-world
/plugin install scroll-world@scroll-world

安装后直接对话请求“滚动式 3D 世界着陆页”,或输入 /scroll-world 触发。

Codex 及其他兼容 Agent(通过 Vercel skills CLI)

npx skills add oso95/scroll-world -a codex

手动安装

git clone https://github.com/oso95/scroll-world
cp -R scroll-world/skills/scroll-world ~/.claude/skills/

前置条件:需安装并登录 Higgsfield CLI(higgsfield auth login)且账户有可用生成额度;需本机安装 ffmpeg/ffprobe;需 Python 3 及 Pillow 库(移动端竖屏画布处理)。若已装 Codex CLI,也可用其内置图像生成模型替代 Higgsfield 生成静态场景图。

11. 注意事项