DEDUPED Hot AI repos, turned into use cases Get 5 a day

What you can do with Scroll Craft

scroll-craft is an agent skill that gives Codex, Claude Code, and other coding agents a design workflow, engine, and verification tools for building premium, scroll-driven websites.

Trended earlier

nateherkai/scroll-craft on GitHub

Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk.

What do you want to do?

4 use cases

  • Build a scroll-driven site from one Claude Code prompt

    Install the Scroll Craft plugin in Claude Code and have it build an immersive scroll site.

    View prompt
    Using the scroll-craft skill from the nateherkai/scroll-craft repo, build a scroll-driven landing page for <target brand and product>. Follow the skill's brief, page grammar, and verification steps. Expected output: a built page in the workspace plus a contact sheet image. Verify that the verification pass reports no dead scroll and no cues stuck below full opacity.

  • Turn your own footage into a scrubbing scroll page in Codex

    Use your own photos and video in Codex to build a page where scroll drives the footage.

    View prompt
    Using the scroll-craft skill in the nateherkai/scroll-craft repo, build a scroll-driven page from my own footage in <media folder> for <target product>. Do not use generated assets. Expected output: a page where the footage scrubs with scroll. Verify that the doctor script reports a full ffmpeg build and that no clip is stuck on a poster frame.

  • Generate scroll-page imagery and video with a KIE key

    Add KIE_AI_API_KEY so the agent can generate scroll-page assets instead of using only your own media.

    View prompt
    Using the scroll-craft skill in the nateherkai/scroll-craft repo, generate the hero assets for <target brand> using KIE_AI_API_KEY from the local env file. Expected output: generated image and video files for the page. Verify that the key is read from the environment and never written into HTML or committed files.

  • Check a scroll page for dead scroll and unreadable text

    Run the headless verification pass to find dead scroll, faded cues, and low-contrast lines.

    View prompt
    Using the scroll-craft verification tools in the nateherkai/scroll-craft repo, check the built page at <page path> at every scroll position. Expected output: a report listing dead scroll, faded cues, contrast failures per line, and any video leg stuck on a poster frame, plus a contact sheet. Verify that every reported contrast failure is listed with its line of copy.

How to use Scroll Craft

  1. Check you have what it needs: Node 18+; A full ffmpeg build (scroll-craft notes that some toolchains ship a stripped ffmpeg); playwright-core and Chrome, installed with npm i playwright-core in the build folder.
  2. Open nateherkai/scroll-craft on GitHub and read the README and license.
  3. In Claude Code, run /plugin marketplace add nateherkai/scroll-craft
  4. Run /plugin install nateherk-design
  5. If the install summary says Run /reload-plugins to activate., run /reload-plugins
  6. Run /nateherk-design:scroll-craft and describe the site you want, including the brand, audience, and sections

These steps come from our top use case, Build a scroll-driven site from one Claude Code prompt, which also has a copy-paste agent prompt.

Scroll Craft alternatives · Best AI repos for Content

About this repo

  • Who it is forDesigners, founders, and developers who want an AI agent to build an immersive scroll-driven landing page or portfolio site and check the result in a browser.
  • Why it is hot
  • LanguageJavaScript
  • Sourcegithub.com/nateherkai/scroll-craft · Back to Hot repos

Requirements

  • Node 18+
  • A full ffmpeg build (scroll-craft notes that some toolchains ship a stripped ffmpeg)
  • playwright-core and Chrome, installed with npm i playwright-core in the build folder
  • Your own photos or footage, or a KIE_AI_API_KEY if you want assets generated
Maintain Scroll Craft? Add the Featured on Deduped badge

Paste this into your README:

[![Featured on Deduped](https://dedupedai.com/badge/nateherkai-scroll-craft.svg)](https://dedupedai.com/use-cases/nateherkai-scroll-craft/?ref=badge)

More badge styles and HTML

Questions about Scroll Craft

What is Scroll Craft?

scroll-craft is an agent skill that gives Codex, Claude Code, and other coding agents a design workflow, engine, and verification tools for building premium, scroll-driven websites. It is an open-source project on GitHub: https://github.com/nateherkai/scroll-craft.

Who is Scroll Craft for?

Designers, founders, and developers who want an AI agent to build an immersive scroll-driven landing page or portfolio site and check the result in a browser.

What can I do with Scroll Craft?

4 use cases so far, for example: Build a scroll-driven site from one Claude Code prompt; Turn your own footage into a scrubbing scroll page in Codex; Generate scroll-page imagery and video with a KIE key. Each has steps and a copy-paste agent prompt.

What do I need to run Scroll Craft?

Node 18+; A full ffmpeg build (scroll-craft notes that some toolchains ship a stripped ffmpeg); playwright-core and Chrome, installed with npm i playwright-core in the build folder; Your own photos or footage, or a KIE_AI_API_KEY if you want assets generated.

What are alternatives to Scroll Craft?

Other hot AI repos in Content: Voice Studio, Anatomy, Comfy UI, Hyperframes, Earshot.

Is Scroll Craft safe to run?

Deduped does not own, audit or vouch for it. Read the README and license, run it on your own systems first and review every command before you run it.