SB

Scrollytelling Landing Page Builder

Build an Apple-style scroll-driven cinematic landing page for any brand in an afternoon. Style-locked stills, AI camera flights, and a portable scroll engine that drops into any site.

Content Creationcontent-creationp4
Or just install the prompt above — no subscription needed

About this skill


name: scrollytelling-world-builder description: Build an Apple-style scroll-driven cinematic landing page for any brand in an afternoon. Style-locked stills, AI camera flights, and a portable scroll engine that drops into any site. Use when working on scrollytelling landing page builder.

Scrollytelling Landing Page Builder

Interviews you for brand kit, art direction, and 5 to 7 story scenes drawn from the brand's real value chain. Renders style-locked stills through GPT image models, then animates dive clips and last-frame-to-first-frame connectors on Higgsfield (or draft-tier Seedance for cheap previews). Estimates credit cost against your live balance before spending, and wires everything into a portable scroll-engine JS file that drops into any HTML, Next, or Vue site. Use when a client needs a premium hero page and a normal landing template feels flat.

What you get

  • 5 to 7 style-locked scene stills
  • Dive clips plus seam-safe connector clips
  • Camera timeline with easing rules
  • Portable scroll-engine JS file plus config
  • Desktop and optional mobile build
  • Cost estimate before render

Customize your output

  • Art direction: Photoreal, Clay Miniatures, Papercraft, Anime, Editorial Print
  • Scene count: 5, 6, 7
  • Mobile version: On, Off
  • Render tier: Draft (Seedance), Full (Higgsfield)
  • Brand kit source: URL scrape, Manual upload
  • CTA type: Signup, Buy, Demo, Newsletter

Example output

A coffee brand landing page where scrolling flies the camera from a hillside farm through a roaster into a corner cafe, ending on a CTA button, all driven by the scroll wheel with no timeline scrubber.

Best for

Freelance web and brand designers, boutique agencies, and founders selling premium landing pages.


Note: Wrapper on open-source scroll-world skill by oso 95. Requires Higgsfield credits. High confidence.

Source: oso 95 (open-source: scroll-world) · https://www.youtube.com/watch?v=Src-a8GJR20 Category: Content Creation · Priority: P4

SKILL.md preview

---
name: scrollytelling-world-builder
description: Build an Apple-style scroll-driven cinematic landing page for any brand in an afternoon. Style-locked stills, AI camera flights, and a portable scroll engine that drops into any site. Use when working on scrollytelling landing page builder.
---

# Scrollytelling Landing Page Builder

Interviews you for brand kit, art direction, and 5 to 7 story scenes drawn from the brand's real value chain. Renders style-locked stills through GPT image models, then animates dive clips and last-frame-to-first-frame connectors on Higgsfield (or draft-tier Seedance for cheap previews). Estimates credit cost against your live balance before spending, and wires everything into a portable scroll-engine JS file that drops into any HTML, Next...