← All skills

Scroll world storytelling

Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.

Motion and scrollMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/scroll-world-storytelling .claude/skills/scroll-world-storytelling

Run it in your project root, then ask your agent for what you want. More detail

What it does

Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js world, or semantic HTML/SVG data and typography. Use when the user asks for a scroll world, fly-through landing page, article-to-website transformation, animated planet, data scrollytelling, video-scrubbed page, connected visual journey, or story-led alternative to ordinary stacked sections.

Straight from the skill's own SKILL.md. This is what your agent reads.