scroll-world-storytellinglisted

# Scroll World Storytelling Turn source material into one connected journey. Scroll advances a visual world and the copy reveals the story in deliberate beats. The skill has exactly three production modes. Choose one primary mode before building: 1. **Video scrub** — generated or filmed footage, mapped to scroll. 2. **Three.js world** — a real-time 3D object, place, planet, or system. 3. **HTML / data / type** — semantic DOM, SVG charts, metrics, and kinetic typography. Do not mix modes by default. A focused renderer produces a clearer concept, smaller test surface, and more reliable fallback. ## Start with the contract Write these blocks before implementation. ### Goal > Turn the supplied story into a one-page journey with 5–7 memorable beats and one final action. A first-time visitor should understand the thesis, tension, mechanism, proof, and payoff without reading the source. ### House rules - Preserve the source thesis, sequence, facts, and caveats. Never invent proof. - Use one connected world, one dominant motion grammar, and one art direction. - Let motion carry transitions; let copy explain meaning. - Keep one primary CTA. Keep navigation and utility controls quiet. - Keep native, reversible document scrolling. Never hijack the wheel. - Never spend generation credits, publish, deploy, or replace production files without approval. - Keep builder and verifier separate when agents are available. ### Bar - A visitor can explain the arc after one pass. - Scrol