GitHub radar

Scroll-Craft: Premium Scroll-Driven Website Skill for Claude Code

A Claude Code plugin that builds scroll-driven websites to a real design standard — 8 distinct page formats, automated contrast and animation checks, and a fingerprint gate so no two builds look alike.

01nateherkai/scroll-craft 377JavaScript

Scroll-Craft is a Claude Code plugin that builds scroll-driven websites to a professional design standard. It picks from 8 mutually exclusive page formats — filmic one-shot, continuous world, chaptered editorial, typographic poster, split stage, and others — where each format forbids the moves the others use, so two builds can't converge accidentally. Every build must include a bespoke 'signature move': a unique interaction that exists on that site alone; a fingerprint gate compares each new build against your history on 6 dimensions and the agent must change the plan (not the record) if it fails. After building, a headless browser walks the entire page at every scroll position: it measures real contrast on composited frames (per text line, at the brightest video frame that ever passes under it), detects dead scroll zones where nothing changes on screen, and flags content that never reaches full opacity. The skill enforces strict typography rules (two font families max, 45–75ch measure), colour roles (six roles, no pure black), and depth tools (five techniques, not just drop shadows). Building from your own photos and video costs nothing; AI-generated assets require an optional KIE_AI_API_KEY.

Why a vibe-coder should care

If you want a website that looks like a human designer spent real time on it — not another AI-styled page with the same six sections — this skill makes design discipline the agent's job. You describe what you want; the skill enforces the standard and verifies the result automatically. You don't need to explain what 'beautiful' means; the skill already knows, and will argue with you if you push for something generic.

How to install

Copy this and send it to your agent — Claude Code, Codex, any of them:

Install the Scroll-Craft skill from https://github.com/nateherkai/scroll-craft — in Claude Code run `/plugin marketplace add nateherkai/scroll-craft` then `/plugin install nateherk-design`, then build a demo scroll-animated page and show me the result. Ask me for a KIE_AI_API_KEY if you need asset generation.

Runs on a regular laptop — Node 18+, Chrome, and full ffmpeg required; tested on Windows only, macOS and Linux are unconfirmed.

Open on GitHub