
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.
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 freeFree 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
Get tools like this every Wednesday
One featured tool, three on the radar. No fluff.
A low score is not a verdict on quality. Young and niche tools start low by design. How we calculate scores
Trust Signals
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
AI Operating System starter kit for Claude Code — three-skill kit (/onboard, /audit, /level-up) + 3M
See where Claude Code is burning tokens - turn raw JSONL transcripts into local cost analytics, hots
HTML-native motion-graphics video workspace — 12 finished projects built on Hyperframes + GSAP. A te
Explore Further
More tools in the directory
everything-claude-code
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
245.9k ★hermes-agent
The agent that grows with you
239.6k ★cc-switch
A cross-platform desktop All-in-One assistant tool for Claude Code, Codex, OpenCode, openclaw & Gemini CLI.
130.6k ★