scroll-craft: Gives AI coding assistants a design playbook for building eye-catching websites that animate as you scroll.

What it does

scroll-craft is a "skill", a bundle of instructions, reference guides and tools that an AI coding assistant reads and follows. It works with Codex, Claude Code and other coding agents, and is also offered as a Claude Code plugin.

It guides the assistant to build websites where scrolling drives the action: videos play frame by frame as you scroll, sections stay pinned while text changes, and colours shift down the page. It sets design rules for text size, spacing, colour and contrast, and a list of common AI design habits to avoid. It also tries to make each new site look different from the ones you built before.

When a page is finished, a hidden browser scrolls through it and reports problems, such as text that is hard to read or scrolling where nothing changes. It then makes a sheet of screenshots for a person to review. Its makers say you can build from your own photos and videos, or optionally generate images with a paid service.

Who it's for

People who already use an AI coding assistant and want it to build polished, animated landing pages or portfolio sites.

Can I use it without coding?

With some setup. You need an AI coding assistant plus tools like Node and ffmpeg installed, and a few setup commands, but you describe the site in plain words. New to this? Start here.

Can I run it?

Cost: Free, but needs an AI accountThe software is free, but it uses an online AI service (like OpenAI or Anthropic), which usually charges for use.
Computer: An ordinary computer is fine

Try it

Install it as a Claude Code plugin, or download the project and copy the scroll-craft skill folder into your coding agent's skills folder.
Run the project's setup check script to make sure Node, ffmpeg and the browser tools are ready.
Ask your coding assistant to use the skill and describe the website you want.

Using Claude Code, Cursor or another AI coding assistant? Paste the prompt and it will walk you through the setup.New to this?

Before you install

Only download from the official GitHub page. Copies with similar names exist for many popular projects.
Plain-AyI is an independent guide and doesn't host or review the software it lists. Please check each project's official page before installing.
License (MIT): Very permissive: free to use, change and share, including for business.
More on staying safe