39 editorial HTML/SVG diagram types for Claude Code and Codex
Scroll Craft
SkillBuild premium scroll-driven landing pages with layered heroes and verified mobile states.
Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.
Product badge
Share this product's name and rating in your README or on your website.
Updates may be delayed by image caching.
About Scroll Craft
Nate Herk's design skill for scrollytelling sites. The agent plans the visitor journey and one signature move, builds a dimensional hero from separate visual planes, keeps motion restrained, composes mobile separately, and checks desktop, mobile and reduced-motion states in a browser. Works with Codex, Claude Code and other coding agents. MIT.
No reviews yet
Used it? Write the first review.
Similar skills
Translate Figma into production code at 1:1 fidelity
Distinctive UI/UX implementation patterns for frontend work
Capture desktop, app windows, or pixel regions
Map Figma design components to code with Code Connect
Build Figma screens from code using design-system tokens