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.
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...