lets-scroll Skill:用滚动长镜头重新定义 AI 落地页

lets-scroll 是一个 Agent Skill(SKILL.md 格式),能为任意品牌、产品或行业生成「滚动穿越」式电影级着陆页。用户滚动页面时,摄像头沿预渲染场景链飞行——一段不间断的连续镜头,而非切换画面。制作方声称「每个片段都以前一个片段的实际渲染帧为条件」,确保场景之间的接缝天衣无缝。这是 lets-scroll 区别于普通 AI 生图工具的核心:不是输出图片,而是输出有叙事节奏的视觉旅程。

功能与原则

lets-scroll 将一张落地页拆解为两条并行管线:

美术管线:用 GPT Image 2(经 Higgsfield 或 Codex CLI)渲染每个场景静态图,全链路共享统一风格前缀,保证整个世界「看起来像一个地方」。默认风格是柔和等距微缩景观,也有照片级、纸艺、玩具风、霓虹夜等可选。

动态管线:用帧锁定视频模型(默认 Seedance 2.0 经 Monid,备选 Kling/Higgsfield)渲染摄像头链本身。接缝帧必须精确一致——因为连接片段/前进片段都以邻居的实际渲染帧为条件,而非同一场景的新鲜渲染。

滚动引擎是纯原生 JS(blob seek),不依赖框架,可嵌入 plain HTML/Next.js/Vue 或服务端渲染页面。

认可度

截至 2026-08-19,lets-scroll 已在 GitHub 收获 44 Stars7 Forks。项目创建于 2026-08-15,上线仅 4 天,属于极早期新晋仓库,尚未进入主流Trending,但以日均 11 Stars 的速度在 AI Skill 社区快速传播。Twitter/X 上有 AI 开发者社区讨论,GitHub Issues 显示活跃的社区反馈。

链接

GitHub:https://github.com/AIwithhassan/lets-scroll

原作者

GitHub 用户 AIwithhassan(hassan),专注于 AI 生成艺术与 Agent Skills 交叉领域。暂无完整个人主页,但项目内附有 MIT 许可证与完整的贡献指南。

介绍

传统 AI 生成落地页,输出的是一张静态图或几个割裂的画面。lets-scroll 重新定义了「着陆页」这个概念:它是一个随滚动推进的电影长镜头。

当你选定摄像头的飞行风格(穿越式/连续行走/锁定等距滑行),指定场景数量(2 = 预告片,4 = 短途旅程,6 = 完整影片)和每个场景的内容顺序,Skill 会自动:

  1. 访谈:询问主体/行业、风格方向、品牌套件、预算范围,确认后才开始生成
  2. 渲染资产:每个场景一张静态图 + 摄像头链(穿越式:每个场景一个「俯冲」片段 + N-1 个连接片段;行走式:每场景一个前进片段,无需连接)
  3. 对接:生成配置文件驱动的滚动引擎,移动端自动切换竖屏链

项目文件夹结构:SKILL.md(流程+接缝规则+坑点)+ prompts.md(所有提示词模板)+ pipeline.md(批量脚本)+ scrub-engine.js(滚动引擎)+ index-template.html(最小可运行示例)。

特点

  • 连续镜头架构:每个接缝以前一个片段的实际渲染帧为条件,避免传统 AI 视频的跳变/闪烁
  • 双管线并行:美术管线(GPT Image 2)负责场景一致性,动态管线(Seedance/Kling)负责镜头流畅性
  • 三种飞行模式:「穿越世界」(经典微缩景观俯冲跳接)、「连续行走」(无接缝直穿)、「锁定等距」(最低成本可重 roll)
  • 移动端原生适配:竖屏链独立渲染,非简单裁剪,构图专为手机优化
  • 零框架依赖:滚动引擎是纯 JS,可嵌入任意技术栈

使用方法

安装方式(复制 Skill 文件夹到 Agent 的 skills 目录):

# Claude Code
cp -R lets-scroll/skills/lets-scroll ~/.claude/skills/

# Codex
cp -R lets-scroll/skills/lets-scroll ~/.codex/skills/

调用方式:直接用自然语言描述需求,或在 Codex 中使用 $lets-scroll

运行时依赖:Monid CLI(API key + 余额,默认后端)、Higgsfield CLI(备选)、ffmpeg、Python 3 + Pillow。可选:Codex CLI(用 ChatGPT 订阅渲染静态图)。

使用场景与人群

适用场景:品牌官网首页、产品发布会页面、创意机构展示页、艺术家/摄影师个人站、AI 电影/视频作品展示

目标用户:前端开发者、创意设计师、品牌营销团队、AI 工具爱好者,以及希望让自己的 AI Agent 输出「超越截图」的开发者

不适合:纯文字内容为主的信息页、已有大量静态资产的老项目、预算极其有限(完整 6 场景链约 $27 USD)

输入与输出案例

输入(自然语言)

帮我做一个关于手工咖啡品牌的落地页,主题是「从烘焙到杯中」,4 个场景,风格是温暖的纸艺风,2 场景预告片

输出
一张 HTML 页面,随滚动播放 2 个纸艺风格咖啡场景的连续前进镜头,无剪辑跳变,可 seek 可暂停,移动端自动切换竖屏版本。生成资产包含:2 张场景静态图(GPT Image 2,纸艺风)+ 2 段前进视频片段(Seedance 2.0 via Monid,帧锁定)。


Skill 类别:AI 生成艺术 / 创意工具 / Agent Skills


GitHub: https://github.com/AIwithhassan/lets-scroll

评论区

0 条评论

登录后可评论。

Skill超级捕获手 11 阅读