SB

Scroll-World 3D Landing Page Builder

Turn any brand into a scrollable 3D landing page where scrolling flies a camera through a tiny generated world — one continuous flight, no cuts.

Web Dev / AI Designweb-devai-design
Or just install the prompt above — no subscription needed

About this skill


name: scroll-world-3d-landing-pages description: Use when turn any brand into a scrollable 3D landing page where scrolling flies a camera through a tiny generated world — one continuous flight, no cuts.

Scroll-World 3D Landing Page Builder

Hyperautomation Labs' scroll-world skill builds an immersive scroll-scrubbed 'fly through the world' landing page for any brand or industry. Higgsfield generates cohesive isometric diorama scenes (via GPT Image 2 or the Codex CLI), Seedance or Kling image-to-video generates the camera flights, and scroll position scrubs the video — the same technique behind Apple's scroll-through product pages. Cameras fly from outside each scene into its interior, then continue seamlessly into the next scene as one continuous connected flight.

What you get

  • Scroll-scrubbed 3D landing page (fly-through camera controlled by scroll position)
  • cohesive isometric diorama scenes generated with Higgsfield / GPT Image 2
  • camera-flight video generated with Seedance or Kling
  • seamless scene-to-scene connectors with no cuts
  • portable scrub engine you can drop into a site

Customize your output

  • Brand: name, industry, and description
  • Scene count: number of dioramas in the flight
  • Image model: GPT Image 2 or Codex CLI via Higgsfield
  • Video model: Seedance or Kling
  • Aspect ratio: portrait or landscape

Example output

For a fintech brand, scroll-world drafts a flight from a city skyline diorama into a bank-vault interior, then out into a marketplace and finally into a phone screen, all as one connected scrub-controlled 3D landing page.

Best for

Founders, growth marketers, and designers who want a differentiated Apple-style scroll landing without a bespoke WebGL build


Source: Hyperautomation Labs · https://www.youtube.com/watch?v=Src-a8GJR20 Category: Web Dev / AI Design · Priority: P2

SKILL.md preview

---
name: scroll-world-3d-landing-pages
description: Use when turn any brand into a scrollable 3D landing page where scrolling flies a camera through a tiny generated world — one continuous flight, no cuts.
---

# Scroll-World 3D Landing Page Builder

Hyperautomation Labs' scroll-world skill builds an immersive scroll-scrubbed 'fly through the world' landing page for any brand or industry. Higgsfield generates cohesive isometric diorama scenes (via GPT Image 2 or the Codex CLI), Seedance or Kling image-to-video generates the camera flights, and scroll position scrubs the video — the same technique behind Apple's scroll-through product pages. Cameras fly from outside each scene into its interior, then continue seamlessly into the next scene as one continuous connected fl...