# scroll-craft > Builds premium scroll-driven landing pages with a real design standard, then checks its own contrast and motion in a browser. scroll-craft is a community Agent Skill by Nate Herk for building immersive, scroll-driven websites that don't look like every other AI-made page. It brings a full design workflow, reference guides, a small scroll engine and verification tools, and works with Codex, Claude Code and other coding agents that can edit files, run commands and inspect a browser. What you can do with it - Build a landing page for a service, product, food or drink brand where scrolling drives the story: video scrubbing frame by frame, pinned sections, side-panning rails and lines that assemble as you scroll - Start from a brand kit; its rules override the skill's own defaults - Build from your own photos and footage, or generate imagery and video - Check a finished page for dead scroll, text that never fully appears and contrast problems How it works - Each build picks one of eight distinct page structures and invents a signature interaction, and a fingerprint check makes sure it differs from pages you've already built. - It plans a feeling curve with one engineered peak, and follows a design floor for type, spacing, color and depth. It refuses common AI tells such as identical feature-card grids, gradient text, invented statistics and fake dashboards. - A headless browser walks the finished page at every scroll position, measures contrast on the actual frames and writes a contact sheet for review. How to install it - In Claude Code: /plugin marketplace add nateherkai/scroll-craft, then /plugin install nateherk-design. - For Codex and other agents, copy the scroll-craft skill folder into your agent's skills directory. Run its doctor script first. - It needs Node 18 or newer, a full ffmpeg build, and playwright-core with Chrome for the verification pass. Good to know - Generating imagery and video needs your own kie.ai API key and is billed by kie.ai; building from your own assets needs no key and costs nothing. - The maker notes it has only been run on Windows so far. - It's a community project, MIT-licensed. - Type: Skill - Made by: nateherkai - Category: Design - Formats: Skills - Version: ac879a7 - Website: https://github.com/nateherkai/scroll-craft - Source: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft - Page: https://pluginboard.ai/skills/scroll-craft ## Works with - ChatGPT - Claude - Gemini - GitHub Copilot - Cursor - Claude Code - Codex - Antigravity - Gemini CLI - Replit - OpenClaw - OpenCode - Hermes Agent ## Install ### ChatGPT In ChatGPT: Download the scroll-craft folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans. View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### Claude In Claude (web or desktop): Download the scroll-craft folder and zip the folder itself, then upload it in Customize → Skills. View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### Gemini In Gemini: Download the scroll-craft folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it). View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### GitHub Copilot Run in your terminal: ```shell npx -y degit nateherkai/scroll-craft/plugins/nateherk-design/skills/scroll-craft ~/.copilot/skills/scroll-craft ``` View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### Cursor Run in your terminal: ```shell npx -y degit nateherkai/scroll-craft/plugins/nateherk-design/skills/scroll-craft ~/.cursor/skills/scroll-craft ``` View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### Claude Code Run in your terminal: ```shell npx -y degit nateherkai/scroll-craft/plugins/nateherk-design/skills/scroll-craft ~/.claude/skills/scroll-craft ``` View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft Or as a Claude Code plugin: ```text /plugin marketplace add nateherkai/scroll-craft /plugin install nateherk-design@nateherk ``` ### Codex Run in your terminal: ```shell npx -y degit nateherkai/scroll-craft/plugins/nateherk-design/skills/scroll-craft ~/.agents/skills/scroll-craft ``` View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### Antigravity In Antigravity: Copy the scroll-craft folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI). View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### Gemini CLI Run in your terminal: ```shell npx -y degit nateherkai/scroll-craft/plugins/nateherk-design/skills/scroll-craft ~/.gemini/skills/scroll-craft ``` View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### Replit Run in your terminal: ```shell npx -y degit nateherkai/scroll-craft/plugins/nateherk-design/skills/scroll-craft .agents/skills/scroll-craft ``` View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### OpenClaw Run in your terminal: ```shell npx -y degit nateherkai/scroll-craft/plugins/nateherk-design/skills/scroll-craft ~/.openclaw/skills/scroll-craft ``` View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### OpenCode Run in your terminal: ```shell npx -y degit nateherkai/scroll-craft/plugins/nateherk-design/skills/scroll-craft ~/.config/opencode/skills/scroll-craft ``` View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft ### Hermes Agent Run in your terminal: ```shell npx -y degit nateherkai/scroll-craft/plugins/nateherk-design/skills/scroll-craft ~/.hermes/skills/scroll-craft ``` View the folder on GitHub: https://github.com/nateherkai/scroll-craft/tree/HEAD/plugins/nateherk-design/skills/scroll-craft --- From Pluginboard (https://pluginboard.ai).