Scrollcraft 是 Nate Herk 做給 Claude Code 使用的網站設計 skill。它不是把每個網站塞進同一套模板，而是先問訪客會先看到什麼、接著往哪裡走，再依網站的目標、素材與想營造的感覺安排互動。影片開頭展示的幾個網站風格差異很大，但共同點都是讓頁面內容隨著捲動逐步出現。
Nate 接著用自己的 AI Automation Society 網站做現場示範。Scrollcraft 先問「scroll journey」：訪客第一眼要看到成績數字、創辦人的故事、社群內部，還是免費與付費方案；後面又追問訪客離開前必須相信什麼、現有素材有哪些，以及這個網站應該有什麼別人沒有的招牌動作。Nate 選擇先提出成績與證據，再提供照片、社群畫面和品牌素材，讓 Claude 依這些答案重新安排頁面。
來源：影片畫面擷取自 YouTube／Nate Herk | AI Automation（約 05:30）
建置期間，Scrollcraft 會替網站擷取不同位置的畫面，檢查文字溢出、元素位置與捲動段落。第一次生成完成，不代表工作結束。Nate 檢查第一版時，發現開頭太單調、動畫速度太快、一張活動照片標錯名稱，部分連結與段落也不符合原站；網站雖然抓到了即時數字和其他素材，仍需要逐項確認來源與內容是否正確。
他把回饋一次交給 Claude：重新設計 Hero、放慢地圖動畫、拿掉不需要的註冊段落、修正連結，再讓部分內容以更清楚的動態方式出現。第二版確實更接近他要的編輯感，也保留了原本的品牌素材，但影片最後仍看得到重新載入時的小問題。這段示範比較像「訪談、生成、檢查、回饋、再生成」的完整循環，而不是輸入一句 prompt 就直接得到定稿。
來源：影片畫面擷取自 YouTube／Nate Herk | AI Automation（約 14:55）
留言區最集中的質疑，不是 Claude 能不能做，而是這種滾動動畫該不該做。多則高互動留言擔心手機、網路速度、效能與資訊取得效率，也有人認為這類效果比較適合品牌展示或特定產品，不適合每一種網站。另一批留言則指出，影片開頭展示的案例與最後做出的版本仍有落差；還有不少人加入免費社群後找不到 Scrollcraft。創作者提供的取得方式是加入公開且免費的 AI Automation Society，但未登入時看不到 Scrollcraft 的獨立下載頁。
I Built The Ultimate Claude Website Design Skill (steal this) ／ Nate Herk | AI Automation · 在 YouTube 觀看 ↗