Tools/nateherkai/scroll-craft

scroll-craft

Claude Code skill for premium scroll-driven websites. Scroll becomes the timeline, on a real design floor, verified by screenshotting its own scroll.

1.3k+429/wkemergingJavaScriptMIT Licensenew this week

The Lens

By Erik Loyd, SaaS CEO and former COO/CFO of an AWS Premier Partner.

Updated Aug 2026

scroll-craft is a Claude Code skill that builds scroll-driven websites and refuses to make them generic. In plain terms, it is a plugin for Claude Code that generates high-end animated landing pages where scrolling drives the whole experience: video scrubs frame by frame, sections pin while their point advances, headlines assemble line by line. MIT licensed, free to install.

The interesting part is the guardrails. Most AI-generated sites fail in one of two directions, either forgettable or flashy-but-broken, with unreadable contrast and headlines that wrap to six lines on a phone. scroll-craft encodes a typography floor, a real spacing scale, and a fingerprint gate that forces each build to differ from the last so two pages cannot quietly converge into the same template. Then it drives a headless browser over the finished page to catch dead scroll and measure contrast per line on the composited page. Setup wants Node 18+, a full ffmpeg build, and Playwright, and the README is honest that a stripped-down ffmpeg is the most common thing that breaks.

Who should use it: anyone working in Claude Code who builds marketing or landing pages and is tired of the same six-section AI layout. Solo devs and designers get it free. Teams can point it at a brand kit and its hard rules win, which makes it more reliable than a one-off prompt.

The catch: it is a skill, not a product, so output quality rides on Claude Code and on your inputs, and the toolchain is finicky to stand up. The self-verification is genuinely clever, but as the author admits, a machine can prove a page works and still not tell you it means anything. That last mile is yours.

Free vs Self-Hosted vs Paid

fully free

Free tier: The whole skill. MIT licensed, install it into Claude Code at no cost.

Self-hosted: It runs locally through Claude Code. You supply Node 18+, a full ffmpeg build, and Playwright. No servers, no accounts, no sign-up.

Paid: The skill is free, but it runs on Claude Code, which needs a Claude subscription or API usage. That is your only recurring cost, and it is Anthropic's, not this project's.

Free and MIT licensed. It runs on Claude Code, so the only cost is your existing Claude usage.

What to do by team size

Solo
free
Small team
free
Medium team
free; point it at a brand kit
Large team
free; brand-kit rules make it team-viable
Self-hosting ops:moderate

Get tools like this every Wednesday

One featured tool, three on the radar. No fluff.

Score
66/100 · B
Adoption13/30
Maintenance21/25
Community7/20
License15/15
Analysis10/10

A low score is not a verdict on quality. Young and niche tools start low by design. How we calculate scores

Trust Signals

Author also built: nateherkai/AIS-OS (1,079 stars)

License: MIT License

Use freely, including commercial. Just keep the license.

Commercial use: ✓ Yes

About

Owner
Nate Herk (User)
Stars
1,349
Forks
214

Also by Nate Herk

Explore Further

More tools in the directory