scroll-world 方法学提炼

来源：oso95/scroll-world ⭐8218（2026-07-06 创建，JavaScript，Claude Code 插件） 提炼日期：2026-08-16（由 xiaohongshu-20260710-god-skill 调研第三轮整理） 定位：参考存档，不主动安装（依赖付费后端 Monid / Higgsfield，非开箱即用）

1. 项目本质

把任意品牌/行业变成 Apple 式 scroll-through 落地页：滚动驱动相机在 AI 生成的等距 diorama 场景间无缝”飞越”（无切镜、帧级无缝）。

2. 技术管线

品牌输入
  → GPT Image 2 生成场景静帧
      (Higgsfield gpt_image_2 或 Codex CLI image_gen)
  → Seedance 2.0 经 Monid CLI 生成相机飞行视频链
      (Monid 默认按 clip 计费；Higgsfield 积分为备选；Kling 3.0 为 NSFW 回退)
  → ffmpeg 抽帧 / 编码
  → 便携 vanilla-JS scrub 引擎
      (框架无关：纯 HTML / Next / Vue / Python 均可)

3. 核心方法论（可复用部分）

3.1 无缝衔接规则（最重要）

• scene 之间的 connector clip 必须帧级相同（frame-identical seams），否则滚动切换时出现 “pop” 跳变
• 这是 SKILL 中最强调的失败点 —— 生成时需对相邻场景的衔接帧做严格约束

3.2 提示词模板资产（prompts.md）

• 等距 clay diorama 风格前缀：用于统一场景视觉风格
• 场景静帧 prompt：每个 diorama 场景的静态画面描述模板
• 相机运镜库：可复用的镜头运动描述（推/拉/移/环绕等）

3.3 跨框架 scrub 引擎（scrub-engine.js）

• 纯 vanilla-JS 实现，框架无关，可嵌入任意前端
• 滚动位置 ↔ 视频帧的映射逻辑可独立复用

4. 成本参考

5. 安装方式（如未来需要）

• Claude Code 插件：/plugin marketplace add oso95/scroll-world
• Vercel skills CLI：npx skills add oso95/scroll-world -a codex（支持 20+ agent）
• 手动：drop-in ~/.claude/skills/

6. 复用建议

1. 若未来要做品牌 3D 滚动落地页，可复用其提示词模板 + 无缝衔接方法论 + scrub 引擎，但需用户先确认付费后端意愿
2. 无缝衔接（frame-identical seams）方法可迁移至任何 AI 视频生成工作流
3. 等距 diorama 风格 prompt 前缀可独立用于静态插画生成

关联

• xiaohongshu-20260710-god-skill — 调研全过程
• external-skills-catalog — 外部技能目录
• xiaohongshu-reading-tracker — 小红书笔记存档