Skip to content
mcp/skillhub

Agent Skill

Scroll Craft skill

scroll-craftnateherkai/scroll-craftplugins/nateherk-design/skills/scroll-craft/SKILL.md

Build premium scroll-driven landing pages for service, product, food, and drink brands. Plan the visitor journey, page grammar, emotional peak, and bespoke signature move. Create dimensional heroes with independent visual planes, restrained motion, and separate mobile composition. Use supplied photos and footage or generate photoreal assets through kie.ai, write semantic HTML, and verify desktop, mobile, and reduced-motion scroll states visually. Use for "scrollcraft", "scroll craft", "layered hero", "premium hero", "cinematic hero", "scrollytelling", "scroll animation site", "a site where scrolling plays a video", "Apple-style landing page", "3D scroll world", "interactive landing page", "make my brand a scroll experience", "this looks like a template", or requests for a distinctive website that feels like an experience rather than a document.

3.8kMIT

always on

177 tokname + description

once used

5,669 tokSKILL.md body

bundled files

238 scripts

repo stars

3.8kGitHub

Install the Scroll Craft skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/nateherkai/scroll-craft --skill scroll-craft

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/nateherkai/scroll-craft.git /tmp/scroll-craft
mkdir -p ~/.claude/skills
cp -R /tmp/scroll-craft/plugins/nateherk-design/skills/scroll-craft ~/.claude/skills/scroll-craft

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description177 tok
When the agent uses itThe SKILL.md instructions5,669 tok
Only if opened23 bundled files (356 KB)varies

Until it is used, scroll-craft costs about 7.7× less than the median MCP server we measured (1,363 tokens on every turn). Skills vs MCP study

Checks

  • Ships scripts the agent can run. Read them before installing.
  • The instructions are over 5,000 tokens, the Agent Skills specification's guideline for SKILL.md.

Pre-approved tools (allowed-tools): Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion. The agent can use these without asking while the skill is active.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • scroll-craft
  • What this is not
  • Standing hero preference
  • Approved collection standard
  • Step 0: The brief and creative authority
  • Bootstrap
  • The workspace
  • The rest
  • Step 1: The brief, journey first
  • Step 2: Grammar, gate, then score
  • Step 3: Generate the assets
  • Step 4: Build the page
  • Step 5: Verify by scrolling it
  • Hard rules
  • Output