Narrative Scrollytelling
Turn an ordered method, argument, or timeline into a scroll story that remains a complete readable document.
What should the reader understand at each beat?
A narrow job with a visible boundary
Use it when sequence matters and scrolling can reveal relationships without becoming a slide deck or hijacking input.
Input
An ordered set of claims, stable section IDs, and the fallback reading order.
Outputs
- A validated story map
- Native-scroll transition guidance
- Reduced-motion and no-JavaScript fallbacks
Boundary
Scroll position may alter presentation, never the existence or meaning of essential content.
Invocation
humane:narrative-scrollytelling
See the decision change
Keep every chapter in document order. A sticky visual reflects the active chapter; anchors and prose remain usable without JavaScript.
The story survives when choreography disappears.
1 / 2- Slide deck on a page
Pin the viewport and replace each slide as the user scrolls.
Keep every chapter in document order. A sticky visual reflects the active chapter; anchors and prose remain usable without JavaScript.
- Motion dependency
The diagram only makes sense halfway through the animation.
Write the relationship in the chapter text and use discrete states under reduced motion. Intermediate animation is supplementary.
Run the skill by name
Install the Humane pack once, then name this skill when the task reaches its boundary.
humane:narrative-scrollytelling