🌀
FrontendJavaScript

Scroll Craft

by nateherkai

Scroll Craft is a Frontend skill for Claude Code, published by nateherkai in scroll-craft.

671 stars121 forkson nateherkai/scroll-craftAdded 2026/08/25+278% in starsRepository updated 2026/08/23
accessibilityagent-skillsai-web-designanthropicclaude-codeclaude-code-plugincreative-codingdesign-systemfrontendinteraction-designlanding-pagescroll-animationscrollytellingtypographyweb-design
Install in seconds
Install Scroll Craft
Copy Scroll Craft into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/nateherkai/scroll-craft/tree/main/plugins/nateherk-design/skills/scrollcraft ~/.claude/skills/scrollcraft

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/nateherkai/scroll-craft.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
plugins/nateherk-design/skills/scrollcraft/SKILL.md in nateherkai/scroll-craft
Installs to
~/.claude/skills/scrollcraft
Collection
The only skill cataloged from this repository
Category
Frontend567 skills

What Scroll Craft does

Scroll Craft builds premium scroll-driven landing pages where scrolling acts as the timeline. It interviews the client, plans the page grammar and signature move, generates or uses assets, writes semantic HTML, and verifies the result with scroll screenshots.

Scroll Craft is cataloged under Frontend on DirSkills. Scroll Craft comes from a repository tagged accessibility, agent-skills, ai-web-design, anthropic and claude-code.

Documentation

README

scrollcraft

Scroll is the only input every visitor already knows how to use. This skill treats it as a timeline: the wheel is a scrubber, the page is a film with real text on top, and each section behaves differently enough that the visitor keeps going to find out what the next one does.

What you produce: an interview brief, a page grammar, a customer-journey map, a feeling curve with one engineered peak, a scroll score, one signature move, generated assets, one real HTML page on a token-driven design floor, and a strip of screenshots proving it holds up at every scroll position.

What this is not

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Scroll Craft

  • How does Scroll Craft compare to other Frontend skills?

    Scroll Craft ranks #420 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Scroll Craft against them. Open each page to compare what they document and how they install.