Scroll-Craft builds scroll-driven pages and checks them for dead scroll

The developer Nate Herk has published scroll-craft, a Claude Code plugin for building premium scroll-driven websites that runs a headless browser over the finished page and reports where the interaction shows nothing new. The repository was created on 22 August and has received 1,682 stars and 261 forks in 13 days.

What it builds

The skill treats interaction and craft as one job. It includes eight mutually exclusive page grammars, including filmic one-shot, chaptered editorial, live surface, continuous world, typographic poster, gallery, split stage, and rhythmic cutlist. A build must pick one, and each grammar forbids what the others require, so two projects cannot quietly end up with the same shape. Every build also has to invent one bespoke interaction that exists on that site alone, called a signature move.

A fingerprint check compares each new build against every previous one on grammar, navigation, hero, act shape, close, and signature move. A new build must differ on at least four of six. If it does not, the build changes rather than the record of past builds.

The verification pass

This is the part that makes the skill more than a template pack. A headless Chromium steps through the finished page at every scroll position, waits for the video playhead to settle, and reports four failure modes. Dead scroll is scroll that changes nothing on screen. Cues that never reach full opacity are copy the reader can only ever see faded. Contrast is measured on the composited page, per line, at the brightest frame that ever passes under it, with the direction picked per line so light-on-dark and dark-on-light are both graded correctly. A still image left showing the video's play controls means a clip that never decoded, which looks the same as a paused film to the eye.

Craft rules the skill will refuse

The README lists a refuse list the skill will not produce: identical feature-card grids, 01 / 06 counters, scroll cues, gradient text, em dashes, invented statistics, fake dashboards, AI-purple gradients, and the cream-and-brass artisan palette every craft brand defaults to. The typography rules are two families maximum, 45 to 75ch measure, tracking that tightens as size grows, and light-on-dark compensated on three axes. Colour has six roles and one accent, with no pure black.

Known limits

The author states two constraints on the front page. The skill has only ever been run on Windows, so the ffmpeg and Chrome search paths for macOS and Linux are declared but untested. Generated video via KIE.AI is a real spend for a ten-leg continuous-world flight, though building from the author's own footage costs nothing and is a first-class route. The engine, called scrollcraft.js, is never edited per project and is themed with six colour tokens and two fonts, which is a hard rule in the README.

Landing pages built by a coding agent fail in two directions: safe and forgettable, or showy with unread body copy at 2.1:1 contrast and a headline that wraps to six lines on a phone. A skill that measures its own output at every scroll position closes that gap in the one place AI web work usually breaks, which is the composited render rather than the source markup. The verification pass is also useful on its own, since a headless browser pass that flags dead scroll and per-line contrast against the brightest passing frame is an approach a team can copy into any pipeline that produces scroll-driven pages.

Source

Primary source: nateherkai/scroll-craft on GitHub.