Search skills/

scroll-craft Claude skill

Builds distinctive scroll-driven landing pages: eight mutually exclusive page grammars, a required bespoke signature move, and a fingerprint gate against repeats.

nateherkai/scroll-craft 1 skill Design & frontend
Our verdict Recommended

An unusually opinionated and well-specified design skill with real enforcement mechanisms (the fingerprint gate, the grammar rules) rather than vague taste guidance; no API key is required for the core workflow.

4/5 Depth expertise shipped ! Security Broad access 29d Maintenance Updated 29 days ago 4.2K Adoption stars OK License MIT, commercial OK

What scroll-craft does

scroll-craft is built around a stated problem: most AI-built scroll sites converge on the same template (a flythrough with text dropped on top, a 01/06 counter, a 'scroll to explore' nudge). Its answer is a set of hard constraints rather than general taste advice. Eight page grammars (filmic one-shot, chaptered editorial, live surface, continuous world, typographic poster, gallery, split stage, rhythmic cutlist) are mutually exclusive, so a build can't quietly blend two. Every build must invent one genuinely bespoke interaction (a recolored spotlight does not count), and a fingerprint gate requires a new build to differ from every previous one on at least 4 of 6 dimensions (grammar, nav, hero, act shape, close, signature move) before it's accepted.

The workflow produces an interview brief, a feeling curve with one deliberately engineered emotional peak (applying the peak-end rule literally: a page with three peaks has none), a scroll score, generated or supplied imagery, one real semantic HTML page built on a token-driven CSS engine (six color tokens, two fonts, never edited per project), and a strip of screenshots proving the page holds up at every scroll position, including reduced-motion and mobile states. It can use your own photos and footage with no key and no spend, or generate photoreal assets through kie.ai with an optional KIE_AI_API_KEY. The skill has 8 scripts and a references folder documenting ten approved worked examples. It is explicitly built and tested on Windows; macOS paths exist in the scripts but are unverified by the author.

Good for

  • Building a distinctive, premium marketing or portfolio landing page
  • Teams tired of AI-generated sites looking interchangeable
  • Projects with real brand photography or footage to drive the hero

Not for

  • Quick, conventional marketing pages where a template is fine
  • macOS-only workflows, since the build scripts are untested there

What's inside depth 4/5

One skill at about 25 KB with 13 references, 8 scripts and a template, documenting a worked-example collection of ten approved production sites; no automated test suite.

Skills
1
Reference docs
13
Scripts
8
Tests / evals
0
Templates
1
Avg SKILL.md
24.4 KB

Counted from the repository file tree. How we score depth.

Dependencies and costs

  • ffmpeg and Chrome for the verification/rendering scripts (Windows paths tested; macOS and Linux paths included but unverified)
  • Optional KIE_AI_API_KEY for AI-generated photoreal assets (not required when using your own photos/footage)

Security review

Broad access

This skill asks for more access than most, or sends data to another service. That is usually a design choice rather than bad intent, but you should know before you install it.

  • Pre-approves broad shell commandsFrontmatter allowed-tools lists bare Bash, which pre-approves unrestricted shell commands.plugins/nateherk-design/skills/scroll-craft/SKILL.md:16

A scroll-driven landing-page builder that runs local Node/bash scripts (static server bound to 127.0.0.1 by default, screenshot harness, ffmpeg encoder) and has Bash pre-approved without restriction. Optional asset generation sends prompts, and any local reference images you pass, to kie.ai using your KIE_AI_API_KEY; building from your own assets needs no key. Verification needs playwright-core, ffmpeg and Chrome installed separately.

Worth knowing

  • Makes network requestsCalls api.kie.ai to create image/video generation jobs, polls results and downloads the output; local reference images passed on the command line are base64-uploaded to kieai.redpandaai.co.plugins/nateherk-design/skills/scroll-craft/scripts/kie.mjs:83
  • Needs an API key for its own serviceReads KIE_AI_API_KEY from the environment or the nearest .env (walking up from cwd) and sends it only as a Bearer token to kie.ai; optional, only for asset generation.plugins/nateherk-design/skills/scroll-craft/scripts/kie.mjs:46
  • Installs packages or toolsTells the agent to run npm i playwright-core (unpinned) in the build project for the verification pass.plugins/nateherk-design/skills/scroll-craft/SKILL.md:376
  • Relies on a CLI or package we could not reviewShells out to ffmpeg/ffprobe, and shoot.mjs drives an installed Chrome via playwright-core; none of that code is in the repo.plugins/nateherk-design/skills/scroll-craft/scripts/encode.sh:55

What we checked

The repository (34 files) on Oct 29, 2026. Not a full review: it relies on code outside the repository: npm package playwright-core (installed by `npm i playwright-core` in the build project); ffmpeg / ffprobe binaries on the user's machine; Installed Chrome/Edge browser driven by shoot.mjs.

NVIDIA SkillSpector static scan: 13 pattern hits (Privilege Escalation 6, Anti-Refusal 2, Agent Snooping 2, Data Exfiltration 2, Excessive Agency 1). The credential hits are .env.example and code that reads the optional KIE_AI_API_KEY; the anti-refusal hits are ordinary prose ('Do not judge an alpha image', 'do not refuse a justified reroll'); the external-transmission hit is the documented kie.ai API endpoint.

A review, not a certification. Skills change after we check them — read the files before installing.

License

MIT — commercial use allowed.

Can it run unattended?

Not really. It is a creative, interview-driven design process that explicitly includes an interview step and client/creative-direction decisions, not an unattended pipeline.

Alternatives to scroll-craft

transitions.dev

Jakubantalik/transitions.dev

43+ copy-ready CSS transitions with five skills: apply recipes, polish motion, generate a wireframe-reveal UI, scan a codebase, and a live Refine panel.

With caveats Check first Depth 3/5

make-interfaces-feel-better

jakubkrehel/make-interfaces-feel-better

One UI-polish skill: concentric radii, optical alignment, layered shadows, interruptible animations, icons and typography.

Recommended No issues Depth 3/5

Impeccable

pbakaus/impeccable

A design skill with 24 commands (polish, bolder, critique, audit, harden and more), a 62-rule deterministic slop detector and an optional edit hook.

With caveats Broad access Depth 4/5

FAQ

What is scroll-craft?

It is an agent skill for building premium, scroll-driven landing pages with a strict design discipline: eight mutually exclusive page grammars, a required bespoke signature interaction, and a fingerprint gate that forces each new build to differ meaningfully from the last.

How do I install it?

Use it as a Claude Code plugin (plugins/nateherk-design) for convenient installation, or copy the skill folder into your agent's skills directory for use with Codex or another coding agent that can edit files, run commands and inspect a browser.

Do I need to pay for image generation?

No. Building from your own photos and footage needs no key and no spend. A KIE_AI_API_KEY is only needed if you want assets generated rather than supplied.

Does it work on macOS?

The README states the scripts have only ever been run on Windows, though they look for ffmpeg and Chrome in macOS and Linux locations too; macOS users should expect to troubleshoot the build tooling themselves.

Sources: GitHub repository (stars, license, file tree, last push Sep 30, 2026). Review based on the README and SKILL.md files as published.