scroll-world

Generates scroll-scrubbed landing pages with AI-rendered camera flights through connected branded scenes.

1|Updated Jun 3, 2026
One-click install
npx skills add https://github.com/tanveerriaz/Skillz --skill scroll-world-tanveerriaz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: scroll-world
Source: https://github.com/tanveerriaz/Skillz/tree/main/skills/scroll-world
Command: npx skills add https://github.com/tanveerriaz/Skillz --skill scroll-world-tanveerriaz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building an Apple-style scroll-through landing page requires coordinating AI image generation, image-to-video camera moves, frame-exact seam matching, and a custom scroll-scrubbing engine — a pipeline that is easy to get wrong and expensive to re-render. This Skill orchestrates that entire workflow so the output is one continuous camera flight with no visible cuts. ## Core Features & Use Cases - End-to-end generation pipeline: Interviews the user for subject, brand kit, art direction, camera style, and budget, then generates scene stills (Higgsfield or Codex), dive-in video clips, and connector clips via Monid or Higgsfield (Seedance 2.0, Kling 3.0). - Frame-identical seam chaining: Connectors are generated from the actual rendered first/last frames of neighboring clips, so scene transitions never pop. - Portable scrub engine: Ships a dependency-free vanilla JS engine (references/scrub-engine.js) that scrubs pre-rendered video by scroll position and drops into plain HTML, Next.js, Vue, or any stack, with optional native 9:16 mobile chains. - Use Case: A founder wants a landing page where scrolling flies a camera through a miniature clay diorama of their bubble-tea supply chain — farms, kitchen, shop, delivery — ending on the hero product with a CTA. The Skill renders all assets, locks the seams, encodes the videos, and wires the page config. ## Quick Start Ask your agent to build a scroll-through fly-through landing page for your brand or product idea, and approve the art direction, camera style, and render budget when prompted.

Frequently Asked Questions about scroll-world

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a scroll-scrubbed video landing page?▼

Invoke the skill and answer its interview: subject, brand kit, art direction, camera style, and budget. It generates scene stills, dive-in and connector video clips, then wires a config-driven vanilla-JS engine that scrubs the pre-rendered video chain by scroll position.

What video models can generate seamless camera transitions?▼

Only models accepting start-image and end-image conditioning can frame-lock seams: seedance_2_0, seedance_2_0_mini, and kling3_0 on Higgsfield, or Seedance 2.0 via Monid. Reference-only models cannot hold a seam and are declined.

Does the scroll engine work with Next.js or plain HTML?▼

Yes. The scrub engine is self-contained vanilla JS that builds its own DOM and injects its own CSS into any container, so it drops into plain HTML, Next.js, Vue, or a Python-served page without framework assumptions.

Why is there a visible pop between scenes in my scroll video?▼

Pops happen when a connector's endpoints don't match the neighboring clips' actual rendered frames. Extract the last frame of the previous clip and the first frame of the next clip with ffmpeg, and use those exact frames as the connector's start and end images.

How much does it cost to render a scroll-world video chain?▼

A 6-scene 1080p chain costs roughly $27 on Monid pay-per-clip (about $2.99 per dive and $1.87 per connector), or comparable Higgsfield credits. A native 9:16 mobile chain roughly doubles the video generation cost.

Can I generate the scene stills without Higgsfield credits?▼

Yes. If the Codex CLI is installed and logged in, stills can be generated through Codex's built-in image_gen billed to a ChatGPT subscription instead of Higgsfield credits. Use one stills source for the whole build to avoid style drift.