#340 · Primary category: AI Coding Assistants

scroll-craft

accessibility agent-skills ai-web-design anthropic claude-code claude-code-plugin creative-coding design-system frontend interaction-design landing-page scroll-animation scrollytelling typography web-design

Claude Code skill for premium scroll-driven websites. Scroll becomes the timeline, on a real design floor, verified by screenshotting its own scroll.

Project last updated:08/23/26

GitHub Stars

1.2K

Forks

201

Contributors

1

License

MIT

Why we included this project

Most AI-generated marketing pages converge on the same six-section template, and this skill exists to break that pattern. It installs as a Claude Code plugin and treats the scroll position as a timeline rather than bolting on a generic animation library. It also enforces eight mutually exclusive page grammars, so two builds cannot quietly copy each other's layout. What stands out is the self-checking pass: a headless browser walks the finished page at every scroll position and reports dead scroll, faded cues, and per-line contrast on the composited page, so the skill verifies its own output instead of hoping it looks right. On top of that it bakes in craft constraints like typography floors, spacing rhythm, and a refuse list of overused AI design clichés. If you want distinctive, high-craft landing pages from an AI assistant rather than interchangeable output, this is worth trying.

Articles for this project

No articles for this project yet.

To suggest a topic or contribute an article, contact us.

Related projects in this category