Descriptions:
Nate Herk demonstrates ScrollCraft, a custom Claude Code skill he built and is releasing free, designed to generate premium scroll-driven websites that go well beyond typical AI-produced output. Rather than producing static layouts, ScrollCraft ties scroll position to on-screen events — fading elements, sequential reveals, departure-card animations, progressive image transitions — creating an interactive user journey tailored to each client’s brand and product.
The skill works through an interview-style intake inside Claude Code, asking about website type, desired emotional tone, user journey flow, signature design elements, and where the page should feel calm versus intense. Herk demonstrates building a live site for his AI Automation Society community using the Claude Code desktop app, integrating with Krea.ai for custom low-poly geometric image generation that matches brand guidelines. Multiple prior examples are shown across travel agency, supplement product, and personal branding contexts — each with distinct scroll behaviors despite sharing the same underlying skill.
A key insight Herk highlights is that Claude Code responds well to emotionally descriptive prompting — framing what a page should feel like for a scrolling visitor rather than listing technical requirements. The ScrollCraft files are available through his free School community classroom. For developers and non-technical builders using Claude Code to create client-facing landing pages, the video offers both a reusable workflow and a practical illustration of how prompt specificity shapes UI generation quality.
📺 Source: Nate Herk | AI Automation · Published August 22, 2026
🏷️ Format: Tutorial Demo
