← All Skills
🎞️
Scroll Craft Scrollytelling Website Skill
A Claude Code workflow for premium scroll-driven landing pages. It interviews the brand, maps the customer journey, designs scroll timing, video scrubbing, horizontal rails and signature interactions, then verifies the result with scroll screenshots.
Key Features
- Brand and journey interview
- Scroll timeline and video scrubbing
- Varied interaction device system
- Screenshot-based scroll verification
Installation
In Claude Code, run /plugin marketplace add nateherkai/scroll-craft, followed by /plugin install nateherk-design. Run /reload-plugins if the installer requests it.
How to Use
Describe the branded scroll experience you want, or invoke /nateherk-design:scroll-craft. The skill first captures the vibe, journey, energy curve, signature moment, and available assets before building and validating the page.
Requirements
Requires Claude Code, Node.js 18+, a full ffmpeg build, and playwright-core plus Chrome in the build folder. KIE_AI_API_KEY is required only when generating assets with kie.ai; your own images and footage need no key.
Related Skills