# Scroll Craft (agent skill)

> Scroll Craft is an agent skill (a SKILL.md file) from nateherkai/scroll-craft. Build premium scroll-driven landing pages for service, product, food, and drink brands. It works with Claude Code and Codex and has 2,973 GitHub stars. Install it by copying the skill folder into your agent's skills directory.

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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/nateherkai/scroll-craft |
| Skill path | plugins/nateherk-design/skills/scroll-craft/SKILL.md |
| Skill name | scroll-craft |
| GitHub stars | 2,973 |
| Installs on skills.sh | 2 |
| License | MIT |
| Skills in repo | 1 |
| Plugin marketplace | nateherk |
| Official | no |
| Works with | Claude Code, Codex |
| Category | Design & frontend |
| Last commit | Sep 30, 2026 |

## When it triggers

- 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
- "scrollcraft"
- "scroll craft"
- "layered hero"
- "premium hero"
- "cinematic hero"
- "scrollytelling"
- "scroll animation site"

## Add this skill

### Claude Code

```sh
/plugin marketplace add nateherkai/scroll-craft
/plugin install nateherk-design@nateherk
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/nateherkai/scroll-craft.git
cp -r scroll-craft/plugins/nateherk-design/skills/scroll-craft .agents/skills/scroll-craft   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/nateherkai/scroll-craft.git
cp -r scroll-craft/plugins/nateherk-design/skills/scroll-craft .cursor/skills/scroll-craft   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

skills.sh listing: https://www.skills.sh/nateherkai/scroll-craft/scroll-craft

---

Canonical page: https://appsgit.com/skills/nateherkai-scroll-craft
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.