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 Stars、7 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 会自动:
- 访谈:询问主体/行业、风格方向、品牌套件、预算范围,确认后才开始生成
- 渲染资产:每个场景一张静态图 + 摄像头链(穿越式:每个场景一个「俯冲」片段 + N-1 个连接片段;行走式:每场景一个前进片段,无需连接)
- 对接:生成配置文件驱动的滚动引擎,移动端自动切换竖屏链
项目文件夹结构: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
评论区
登录后可评论。