Landing Page Builder
Plans, writes and builds a one-page website for your offer, starting from a few questions
by Elaya
Scroll-Driven Website Builder
by Nate HerkSkillMake visuals
Builds a scroll-driven landing page where scrolling plays video and moves layered scenes
About Scroll-Driven Website Builder
Scroll-craft is a skill that teaches a coding agent to plan and build scroll-driven websites, where scrolling plays video, pins sections and moves layered scenes, then to check the page in a browser.
For Brand and product ownersWeb designersCreators and makers
Made by Nate Herk
Nate Herk publishes scroll-craft on GitHub as an open source skill that also installs as a Claude Code plugin.
- Stars
- ★ 4.6k
- License
- MIT
- Cost
- Usage-based
- Level
- Intermediate
- Contents
- Includes scripts
Overview
Describe your brand or product and this skill has your coding agent plan the page, then write a scroll-driven landing page where video plays as you scroll and layered scenes move at different speeds. It can use your own photos and footage, or generate images and clips through an optional kie.ai account. A built-in browser check scrolls the finished page and reports unreadable text and scroll that changes nothing. It suits founders, designers and makers who want a distinctive site rather than a template.
It refuses template layouts and checks its own page by screenshotting scroll positions, so you see the result before you publish.
Try these first
Start with the first one: it is a small task you can check easily.
- Use scroll-craft to plan a one-page scroll site for [my business] from the photos in [folder]. Show me the plan before building.First try · plan only
- Build the page from that plan using only my own photos and footage, with no generated assets.writes files
- Run the page check and show me the scroll-position screenshots and anything hard to read.opens a browser
- Generate the hero images and one short clip with kie.ai, then rebuild the hero.paid; sends files out
Example prompts written by Agent Flows Hub.
What you get
From the creator's documentation.
| Output | What it is | Reads |
|---|---|---|
| Page plan | A brief, a page style, a feeling curve with one peak and one signature interaction | What you tell it |
| Scroll site | A single HTML page where scrolling scrubs video and pins sections | Your photos and footage |
| Layered hero | Separate depth planes that move at different speeds, with a separate phone layout | Your photos and footage |
| Page check | A headless browser scrolls the page and reports contrast and dead scroll | Your computer |
| Generated assets | Optional images and video clips made through kie.ai, which needs an API key | kie.ai |
| Design rules | Type, spacing and colour rules, and a check against repeating your earlier pages | Your computer |
Good to know
You need a landing page that feels like an experience, not a template. Give your coding agent the skill and a brief, and it plans the page and builds it from your own photos and footage, then scrolls through the result to look for problems.
Limits
- The README says the scripts have only been run on Windows; no build has been done on a Mac, so ffmpeg and Chrome paths on macOS may need an override.
- Generated images and clips cost kie.ai credits; building from your own photos and footage needs no key.
Notes by Agent Flows Hub (original project name: scroll-craft), written from the creator's documentation, not from running it ourselves. scroll-craft README · scroll-craft SKILL.md
Stuck setting it up?
Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.
More to make visuals
Other skills
- SEO Site Audit Checks your website for search ranking problems and gives a prioritized fix list
- Sepia De-AI Writing Revises stories and work documents so they stop reading like AI wrote them
- Short Drama Script Writer Writes a shootable short-drama episode script from your idea, outline or source novel
- Short Drama Storyboard Turns a short-drama script into a shot list with a keyframe image prompt for every shot
- Short Video Script Writer Turns a video idea into a timestamped script for TikTok, Reels, Shorts or Douyin
- Shuorenhua Chinese Editor Rewrites AI-sounding Chinese text into plain wording you can send, keeping its facts