mrkeyoor.com_
Tue 01 Sept 17:41 UTC
Webevaluationupdated 25 Aug 2026

scroll-craft review

scrollcraft is a Claude Code plugin and skill for building highly directed, scroll-driven websites. It gives the agent 8 incompatible page structures, design rules, a reusable scroll engine, media scripts, and a browser-based verification routine so generated sites do not collapse into the same landing-page template.

+448stars / 7d
Verdict

The lab found JavaScript but no supported executable target or Dockerfile, so scrollcraft has no independent build or test result on our page. Its 8 page grammars and 4-of-6 fingerprint rule are unusually specific defenses against repetitive AI design, making it a worthwhile Claude Code experiment for a bespoke marketing page. Keep a frontend engineer and designer in the approval loop, especially outside Windows and whenever video, accessibility, or production performance matters.

We ran it

Screenshot of scroll-craft (github.com/nateherkai/scroll-craft)

Answers from our run

Did you run scroll-craft yourself?

No. Its code is JavaScript, and it carries no manifest our lab installs from, and no Dockerfile, so there was nothing standard to install, build or test. This review is written from the repository's own documentation.

Who should not use scroll-craft?

Developers outside Claude Code who want a documented first-class install path: the README installs it through Claude Code's plugin marketplace.

What are the alternatives to scroll-craft?

Impeccable, UI Skills, GSAP. The lab found JavaScript but no supported executable target or Dockerfile, so scrollcraft has no independent build or test result on our page.

Setup2/5Simple plugin commands, followed by a demanding media toolchain
Docs5/5Specific workflow, requirements, limits, file map, and recovery advice
Community2/5Very new repository with one current issue and no release history
Maturity2/5Rich process, but only Windows builds and no independent lab run

Who it’s for

Claude Code users building one-off campaign, editorial, portfolio, or product pages.
Designers who want an agent to plan motion and emotional pacing before writing sections.
Frontend developers comfortable reviewing generated HTML, CSS, JavaScript, video, and browser-test output.
Teams prepared to provide their own photography or pay for generated motion assets.

Who it’s NOT for

Developers outside Claude Code who want a documented first-class install path: the README installs it through Claude Code's plugin marketplace.
Mac teams requiring proven platform support: the author says every build so far has run only on Windows.
Projects without a full ffmpeg build, Chrome, and locally installed playwright-core: all 3 are needed for the documented verification path.
Teams seeking a conventional component-grid landing page: the skill explicitly refuses repeated feature cards, common counters, gradient text, and several familiar palettes.
Buyers expecting the verifier to prove artistic quality: the README says its contact sheet still needs human judgment.
Production teams that need a stable release line: the repository has no GitHub release and was created on 2026-08-22.

Setup reality

We did not run this repository because the lab found no supported executable ecosystem despite GitHub identifying JavaScript, and it found no Dockerfile. There are therefore no install, build, test, dependency, or vulnerability measurements.

Installation uses 2 Claude Code plugin commands, followed by a reload when requested. The scripts need Node 18 or newer, full ffmpeg, Chrome, and playwright-core installed in the build folder. A KIE_AI_API_KEY is optional for generated assets.

doctor.mjs checks common media and browser faults, while workspace.mjs creates the build directory and fingerprint registry. The README says the search paths cover Windows, macOS, and Linux, but completed builds have only been run on Windows.

Eight page grammars force a choice before code

scrollcraft is built around 8 mutually exclusive page grammars: filmic one-shot, chaptered editorial, live surface, continuous world, typographic poster, gallery, split stage, and rhythmic cutlist. Each grammar requires and forbids different structural moves. That gives Claude Code a stronger constraint than a request for a premium page, which often changes colors and type while keeping the same hero, feature grid, testimonials, and call to action.

The repository shows 3 example builds with different navigation, pacing, and endings. A fingerprint gate compares each new plan with earlier work across 6 dimensions: grammar, navigation, hero, act shape, close, and signature move. A build must differ on at least 4. It also needs one interaction specific to that site. Recoloring a spotlight does not qualify. This is useful process design because sameness is rejected before implementation becomes expensive.

The skill budgets motion around one peak

Before sections exist, the agent writes a feeling curve that states the intended emotion and the on-screen cause for each act. Adjacent acts cannot repeat the same feeling. One moment receives the largest asset budget and most scroll space, while the approach creates contrast. The framework may sound theatrical, but it gives motion a job. Scroll can scrub video, pin an argument, pan a rail, assemble type, change the page ground, or drive a custom property for bespoke effects.

Visual rules are equally concrete: at most 2 type families, a 45 to 75 character measure, spacing on a 4 px base, 6 color roles with 1 accent, and 5 listed depth techniques. Brand guidelines override those defaults. The refusal list bans repeated feature-card grids, fake statistics, AI-purple gradients, gradient text, and other shortcuts. This opinionated stance will save some projects and frustrate teams whose existing system uses the forbidden patterns deliberately.

What happened when we ran it

The lab classified the repository as having no supported executable ecosystem even though GitHub reports JavaScript, and it found no Dockerfile. There is no sandbox install, build, test, dependency, or audit result to quote. The repository does contain Node scripts and a browser verification workflow, but the harness did not recognize a supported project target from which to run them. That is a limitation of the available measurement, not proof that those scripts fail.

The README names Node 18 or newer, a full ffmpeg build, Chrome, and playwright-core as requirements. doctor.mjs checks the environment because stripped ffmpeg builds can lack filters or WebP support, and browser packages can resolve from the wrong folder. Our lab record does not confirm those checks on Debian. It only records JavaScript as the repository language, no supported ecosystem, and no Dockerfile.

Browser checks catch broken scrolling, not weak ideas

The verification pass walks the completed page across scroll positions and waits for media playheads to settle. It looks for scroll that changes nothing, cues that never become fully visible, text contrast against changing video frames, and clips that remain on a poster because decoding failed. It then writes a contact sheet. The README draws the right boundary: software can find mechanical defects, while a person must decide whether the page communicates anything worth remembering.

One open issue, filed on 2026-08-25, says data-sc-kinetic can be silently ignored when placed on a child of the cued element. That is exactly the sort of interaction bug a production review should probe. Generated markup can satisfy the broad design brief while attaching engine attributes to the wrong node. A visual pass, keyboard test, reduced-motion check, mobile check, and console review still belong after the skill's own verifier.

Windows is proven; macOS and Linux are search paths

The author says every completed build has run on Windows. Scripts search common ffmpeg and Chrome locations on Windows, macOS, and Linux, and environment variables can override both paths. Search code is useful, but it is not platform evidence. A Mac or Linux team should run doctor, build one example from local assets, verify video scrubbing, and inspect the contact sheet before committing a launch schedule.

Generated media adds another boundary. A continuous-world sequence with 10 legs can cost real money through the optional KIE AI integration. Using existing photography or footage needs no API key and is presented as a normal path. Teams should prefer owned assets when possible, then decide whether a signature moment justifies generation cost. The skill may allocate the budget, but it cannot approve licensing, likeness, or brand use.

A one-day-old project can still contain good process

The repository was created on 2026-08-22, last pushed on 2026-08-23, has no GitHub release, and showed 1 open issue. That is too little history to judge upgrade stability or cross-platform maintenance. It does not erase the quality of the written constraints. The changelog records failures and the rules added after them, which is more useful than a feature-only history for a design workflow.

scrollcraft is strongest as a demanding creative brief that can also generate code. Its 8 grammars, 4-of-6 uniqueness gate, fixed engine, and scroll verifier make repetition harder. The missing lab run and Windows-only build history keep it out of unattended production. Use it for a first draft with teeth, then make humans responsible for the final interaction, accessibility, media, and performance decisions.

Alternatives

ProjectWhat it isPick it when
Impeccable gh↗A design-language skill focused on improving interface taste across broader web work.pick this instead when you need general interface critique and refinement rather than a scroll-specific production system.
UI Skills gh↗A compact set of interface design constraints for AI coding agents.pick this instead when you want lighter design guardrails that do not dictate a motion narrative.
GSAPA mature JavaScript animation toolkit for engineers authoring motion directly.pick this instead when you want precise manual control over scroll animation and do not need an agent workflow.

What people are saying

  1. [velocity-scout] nateherkai/scroll-craft

Sources

  1. scrollcraft README
  2. scrollcraft issue 1
  3. scrollcraft changelog

More web reviews

axios · super-productivity · Graphite · fastify · tabler · go-zero · the whole board →