Scroll Craft

Immersive scroll-driven websites with real motion.

Single skill Coding & Dev

Use it for

Landing pages where motion is the product

Skip it if

Content sites; motion is a tax on reading

What it is

Instructions for building scroll-linked animation that does not jank: intersection observers, transform-only animation, and a budget per frame. The rare frontend skill that names performance instead of aesthetics.

Install

Clone the repository, then copy the skill folder into your agent's skills directory — ~/.claude/skills/ for Claude Code. Skills are plain files: no build step, no daemon.

Terminal
git clone https://github.com/nateherkai/scroll-craft.git

How to judge it

Read the SKILL.md before you install. A good skill states when it applies, what it must not do, and how to verify the result. A skill that only lists adjectives will change the agent's tone without improving its output — skip those.

Other Coding & Dev skills

  • Agent Skills by Addy Osmani — Engineering skills aimed at production code: review, testing, refactoring, and release hygiene.
  • Archify — Turns a plan, a spec, or a codebase into an interactive architecture diagram.
  • Ponytail — Makes the agent argue for less code before it writes more.