Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This skill guides the creation of premium web experiences by treating the landing page as a choreographed visitor journey. It focuses on establishing page grammar and emotional peaks through scrollytelling techniques, moving beyond static templates to create immersive brand narratives.
Frontend engineers and interaction designers can use this approach to build layered hero sections with independent visual planes. The process emphasizes semantic HTML and rigorous verification across desktop, mobile, and reduced-motion states to ensure accessibility and performance.
WHO IT'S FOR
Frontend engineers
building immersive scroll-driven landing pages
Interaction designers
planning visitor journeys and emotional peaks
Creative technologists
implementing scrollytelling and cinematic animations
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Follow the documented setup, then try a first task.
I’m using
Codex project skill
Installs: Complete scroll-craft skill folder, including its references, scripts, templates, and engine. · Codex
Before you start
A local clone or download of the repository.
Run from: Project root
Clone or download the repository, preserving its directory structure.
Copy the complete `plugins/nateherk-design/skills/scroll-craft/` folder into the project's `.agents/skills/` directory. Keep its references, scripts, templates, and engine intact.
A description of the brand and desired landing page to replace `[describe the brand and desired landing page]`.
Use the scroll-craft skill to create an interview brief, page grammar, customer-journey map, feeling curve with one engineered peak, scroll score, and one bespoke signature move for [describe the brand and desired landing page]. Stop after the planning artifacts; do not build the HTML page yet.
Claude
Codex