Claude Code skill that makes scroll sites screenshot their own scroll

What it does

scroll-craft is a Claude Code skill that generates premium, scroll-driven websites with an unusual level of design discipline. It structures pages around eight mutually exclusive “grammars”—such as filmic one-shot or typographic poster—so two builds cannot quietly converge into the same template. A headless browser then walks every scroll position to catch dead zones, unreadable contrast, and stuck video clips.

The interesting bit

The skill is aggressively opinionated: it maintains a fingerprint registry to stop you repeating yourself across projects, mandates a bespoke “signature move” per site, and carries a refuse list that bans gradient text, fake dashboards, and the cream-and-brass artisan palette. It is essentially a design critic embedded in a build tool.

Key highlights

• Eight mutually exclusive page grammars prevent the “same six sections” problem common to AI-generated sites.
• A built-in verification harness screenshots the page at every scroll position, measuring contrast per line and catching dead scroll or undecoded video clips.
• Enforces concrete craft rules: two font families max, a 4px spacing rhythm, six color roles, and an engineered emotional peak per page.
• The engine is fixed per project; customization happens through semantic HTML, six color tokens, and CSS custom properties rather than config objects.
• Brand guidelines are treated as hard constraints that can override the skill’s own defaults.

Caveats

• The author states it has only ever been run on Windows, though macOS and Linux paths are technically present in the scripts.
• Asset generation via the KIE AI API costs real money; building from your own photos and footage is the free alternative.
• It will actively argue with you about layout choices and will refuse common tropes like 01 / 06 counters and AI-purple gradients.

Verdict Worth exploring if you use Claude Code and want scroll-driven pages that feel designed rather than assembled; avoid if you need cross-platform certainty or prefer predictable, template-friendly output.