Individual skill
scroll-craft
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.
plugins/nateherk-design/skills/scroll-craft/SKILL.md
Source commit 75d81f74e83692add18cd7a8a8e078b8a887a579
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 9, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 4,774
- Repository last updated
- Sep 30, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- accessibility Repository topic
- agent-skills Repository topic
- ai-web-design Repository topic
- anthropic Repository topic
- claude-code Repository topic
- claude-code-plugin Repository topic
- creative-coding Repository topic
- design-system Repository topic
- frontend Repository topic
- interaction-design Repository topic
- design Derived category
- marketing Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
CHANGELOG.mddoc · 35,142 bytesSKILL.mdcore · 24,993 bytesSKILL.mdcore · 24,993 bytesSKILL.mdcore · 24,993 bytesSKILL.mdcore · 24,993 bytesSKILL.mdcore · 24,993 bytesSKILL.mdcore · 24,993 bytesSKILL.mdcore · 24,993 bytesSKILL.mdcore · 24,993 bytesengine/scrollcraft.cssasset · 19,769 bytesengine/scrollcraft.jsruns · 62,176 bytesreferences/approved-collection.mddoc · 11,650 bytesreferences/assets.mddoc · 13,194 bytesreferences/device-diag.htmlasset · 9,149 bytesreferences/devices.mddoc · 26,648 bytesreferences/feel.mddoc · 13,181 bytesreferences/hero-depth.mddoc · 6,260 bytesreferences/taste.mddoc · 14,874 bytesreferences/template.htmlasset · 6,418 bytesreferences/uniqueness.mddoc · 23,527 bytesreferences/verify.mddoc · 24,189 bytesreferences/worldflight.mddoc · 16,155 bytesreferences/worlds.mddoc · 8,046 bytesscripts/doctor.mjsruns · 7,281 bytesscripts/encode.shruns · 3,222 bytesscripts/kie.mjsruns · 7,780 bytesscripts/serve.mjsruns · 3,206 bytesscripts/shoot.mjsruns · 33,472 bytesscripts/workspace.mjsruns · 3,707 bytesscripts/worldflight-assert.mjsruns · 13,115 bytestemplates/FINGERPRINTS.mddoc · 2,387 bytes
Read excerpt
# scroll-craft
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