GitHub-радар

Scroll-Craft: скилл Claude Code для сайтов с анимированной прокруткой

Плагин для Claude Code, который строит сайты с анимацией прокрутки по дизайн-стандартам — 8 разных схем страницы, автопроверка контраста и анимаций, защита от шаблонного результата.

01nateherkai/scroll-craft 377JavaScript

Scroll-Craft — плагин для Claude Code, который строит сайты с анимацией прокрутки по профессиональным стандартам. Выбирает из 8 взаимоисключающих схем страницы — кинематичный монтаж, сплошной мир без разделов, редакционный с главами, типографский плакат и другие — и каждая запрещает приёмы остальных, так что два проекта физически не могут выйти одинаковыми. Каждый сайт обязан иметь уникальную «фирменную деталь» — взаимодействие, которого нет ни на одном другом; встроенный механизм сравнивает новый сайт с уже сделанными по 6 параметрам и, если не проходит, агент меняет план. После сборки браузер сам обходит страницу по всем точкам прокрутки: измеряет реальный контраст на каждой строке текста (в том числе на видео), находит мёртвые зоны и контент, который никогда не становится видимым. Строгие правила по типографике, цвету и глубине встроены — навык откажет в типичных AI-шаблонах. Работа со своими ассетами бесплатна; генерация видео — опциональный ключ KIE_AI_API_KEY.

Зачем это вайб-кодеру

Если хочешь сайт, который выглядит так, будто его делал живой дизайнер, а не очередной AI-шаблон с теми же шестью секциями — скилл берёт на себя всю дизайн-работу: структуру, анимации, стандарты и проверку результата. Не нужно объяснять агенту что такое «красиво» — навык это уже знает и будет спорить, если предложишь что-то шаблонное.

Как поставить

Скопируйте и отправьте своему агенту — Claude Code, Codex, любому:

Установи навык Scroll-Craft отсюда: https://github.com/nateherkai/scroll-craft — в Claude Code выполни `/plugin marketplace add nateherkai/scroll-craft`, затем `/plugin install nateherk-design`, потом сделай демо-страницу с анимацией прокрутки и покажи результат. Спроси у меня ключ KIE_AI_API_KEY, если нужна генерация ассетов.

Запустится на обычном ноутбуке — нужны Node 18+, Chrome и полный ffmpeg; автор тестировал только на Windows, работа на macOS и Linux не подтверждена.

Открыть на GitHub