NS

nateherkai/scroll-craft

Browser automation

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

4,2 тыс. stars Качество 73 Тренд 86MIT

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

Обзор

Большинство выводов сайтов на основе ИИ проваливаются в одном из двух направлений. Это либо хорошо себя ведёт себя и легко забывается, либо это эффектная анимация прокрутки с основным текстом 2.1:1, заголовком, который охватывает шесть строк на телефоне, и теми же шестью разделами, что и на каждой другой странице ИИ. Scroll-craft создан для того, чтобы провалиться ни в одну из сторон: он рассматривает и рассматривается как одну задачу, а не как две. Тот же навык, тот же движок, нет общего скелета. Различия ниже — это не темы: это разные грамматики страниц, разные модели навигации, разные концовки. Мрачная редакционная площадка для сообщества из 450 000 участников. Одна статистика несёт весь потенциал, живой продукт поднимается в рамку, а доказательства накапливаются под ней, пока вы падаете по странице. Яркий и яркий, полная противоположность первому. Герой из освещённого стекла с цифрами спереди, портрет, удерживаемый на свете, и два чётких шага вместо стены связей. Кинематографичный однократный выпуск, который резко переходит к двум перевернутым поверхностям с полной кровоточкой в середине страницы.

Обзор (машинный перевод)

Навык агента для создания премиальных сайтов с прокруткой с реальным стандартом дизайна.

Используйте его с Codex, Claude Code или другим программным агентом, который может читать инструкции, редактировать файлы, запускать команды и проверять браузер. Навык содержит дизайн Рабочие процессы, справочные, движок и инструменты верификации. Также поставляется как Claude Плагин для удобной установки.

Большинство выходных материалов на сайтах с ИИ проваливаются в одном из двух направлений. Он либо хорошо себя ведёт себя и забывается, либо это эффектная анимация прокрутки с основным текстом 2.1:1, заголовком, который на телефоне заканчивается до шести строк, и теми же шестью разделами, что и на каждой другой странице ИИ. Scroll-craft создан для того, чтобы провалиться ни в одном: он рассматривает взаимодействие и крафт как одну задачу, а не две.


Новинка в 0.3.0: утверждённый стандарт на десять площадок

Навык теперь включает процесс, стоящий за десятью одобренными иммерсивными сайтами: Общество автоматизации ИИ, PERKFORM, Glaido, Herkules Advisory, Serein, FORME, Pelagic, NOEMA, OFFGRID и Afterhours.

Смотрите на обработанные примеры в движении

50-секундный обзор нескольких одобренных сайтов, показывающий их многослойных героев, Отклик указателя и переходы прокрутки.

https://github.

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

scroll-craft

An agent skill for building premium, scroll-driven websites, with a real design standard.

Use it with Codex, Claude Code, or another coding agent that can read instructions, edit files, run commands, and inspect a browser. The skill contains the design workflow, references, engine, and verification tools. It also ships as a Claude Code plugin for convenient installation.

Most AI website output fails in one of two directions. It is either well behaved and forgettable, or it is a flashy scroll animation with 2.1:1 body text, a headline that wraps to six lines on a phone, and the same six sections every other AI page has. scroll-craft is built to fail neither way: it treats interaction and craft as one job rather than two.


New in 0.3.0: the approved ten-site standard

The skill now includes the process behind ten approved immersive websites: AI Automation Society, PERKFORM, Glaido, Herkules Advisory, Serein, FORME, Pelagic, NOEMA, OFFGRID, and Afterhours.

See the worked examples in motion

A 50-second walkthrough of several approved sites, showing their layered heroes, pointer response, and scroll transitions.

https://github.com/user-attachments/assets/d193073b-5af9-45de-93ae-95bf7c6934d5

  • Plan independent depth planes, contact anchors, and opening/midpoint/exit states.
  • Use authentic brand assets and verified product details before generating imagery.
  • Choose photographic compositing or real 3D rendering to suit the subject.
  • Give each site its own navigation, information order, useful controls, and ending.
  • Art-direct phones separately and verify actual scroll frames, fallbacks, and packages.
  • Honor explicit creative delegation without forcing a redundant interview.

Read the worked examples and production workflow and the hero-depth guide. These examples describe design behavior; client assets and private form data are not bundled. The existing engine and video compatibility fixes are preserved.

Three builds, three completely different pages

Same skill, same engine, no shared skeleton. The differences below are not themes: they are different page grammars, different navigation models, different endings.

AI Automation Society · an AI community

A dark editorial landing for a 450,000-member community. One stat carries the whole promise, a live product surface rises into the frame, and the proof stacks under it as you fall down the page.

Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add nateherkai/scroll-craft
Новичок в MCP? Начните с руководства на mcpskill.org →