nateherkai/scroll-craft
Browser automationこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
プレミアムスクロール駆動のウェブサイトのためのクロードコードスキル。スクロールは実際のデザインフロアでタイムラインとなり、自身のスクロールをスクリーンショットで確認します。
概要
ほとんどのAIウェブサイトの出力は、二つの方向のいずれかで失敗します。それはよく動作していて忘れられやすいものか、派手なスクロールアニメーションで2.1:1の本文テキスト、電話では6行に巻く見出し、他のAIページと同じ6つのセクションがあるもののどちらかです。Scroll-Craftはどちらの方法でも失敗しないように設計されています。とを二つのジョブではなく一つのジョブとして扱います。 同じスキル、同じエンジン、共通の骨格はありません。以下の違いはテーマではなく、異なるページの文法、異なるナビゲーションモデル、異なる結末です。 45万人のメンバーを持つコミュニティにとって、暗い編集の着陸。一つの統計が約束を担い、ライブプロダクトの表面がフレームに浮かび上がり、プルーフがページを下に落とすにつれて積み重なっていく。 ハイキーで明るく、最初のものとは正反対だった。前面に数字が書かれた明るいガラスのヒーロー、光に照らされた肖像画、そしてリンクの壁の代わりに明確な次のステップが二つ。 物語の中盤で二つの全ての血が立つ逆さまのグラウンドに切り替わる映画的なワンショット。
概要（AI 翻訳）
プレミアムでスクロール駆動のウェブサイトを作るためのエージェントスキルで、本物のデザイン基準を持つこと。
Codex、Claude Code、または指示を読み取れる他のコーディングエージェントと一緒に使うことができます。 ファイルを編集し、コマンドを実行し、ブラウザを検査します。このスキルにはデザインが含まれています ワークフロー、リファレンス、エンジン、検証ツール。また、Claudeとしても出荷可能です インストールが便利なコードプラグイン。
ほとんどのAIウェブサイトの出力は、2つの方向のいずれかで失敗します。それはよく動作していて印象に残りにくいか、派手なスクロールアニメーションで2.1:1の本文テキスト、電話では6行に巻く見出し、他のAIページと同じ6つのセクションがあるかのどちらかです。Scroll-Craftはどちらの方向にも失敗しないように設計されています。それはインタラクションとクラフトを二つの仕事ではなく一つの仕事として扱います。
0.3.0の新要素:承認された10サイト標準
このスキルには、現在10の承認された没入型ウェブサイトの背後にあるプロセスが含まれています。 AI自動化協会、PERKFORM、Glaido、Herkules Advisory、Serein、FORME、 ペラジック、ノーエマ、オフグリッド、アフターアワーズ。
動く例を見てください
承認された複数のサイトを50秒で紹介し、それぞれの層状のヒーローたちを紹介します。 ポインター応答とスクロールの遷移。
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
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.
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add nateherkai/scroll-craft