Scrollcraft

무엇인가

방문자 인터뷰, 브랜드 자산, 정의된 감정 곡선을 바탕으로 스크롤 구동 웹사이트를 만드는 MIT 라이선스 Claude Code 플러그인이자 스킬이다. 엔진은 스크롤에 연결된 미디어와 레이아웃 상태를 지원하며, 브라우저 테스트 도구는 스크린샷과 키프레임을 점검한다.

관점

Nate Herk (2026-08-22, X)

Nate Herk는 Claude Code Desktop에서 Scrollcraft를 사용해 약 30분 만에 AI Automation Society 사이트를 다시 디자인한 다음, 집중적인 피드백을 통해 히어로 영역, 속도감, 레이블, 링크, 카피, 애니메이션 하나를 수정했다. 이 스킬은 첫 초안의 일관성을 높였지만 사람의 검토를 없애지는 않았다.

적용

• 스크롤이 표준 섹션 스택을 꾸미는 것이 아니라 페이지의 서사를 제어해야 할 때 스크롤 구동 웹사이트 디자인하기를 실행하는 데 사용한다.
• 기존 자산으로 작업하거나 선택적으로 Kie.ai를 호출해 이미지와 영상을 생성할 수 있다. 브랜드 규칙과 사실을 담은 카피는 검토된 입력으로 유지한다.
• 콘택트 시트와 키프레임 점검에 메시지, 취향, 정확성에 대한 사람의 검토를 결합한다. 소스에서 사용한 호스트 도구는 Claude Code다.

한계

• 저장소에는 Node 18+, 완전한 ffmpeg 빌드, playwright-core, Chrome이 필요하다. Kie.ai는 자산 생성에만 별도의 API 키가 필요하다.

• macOS와 Linux용 검색 경로가 있지만, 저장소는 Windows에서만 실행해 봤다고 밝힌다.

• 생성 영상에는 실제 비용이 들며, 현재 성능, 접근성, 브라우저 호환성은 독립적으로 테스트하지 않았다.

• Scrollcraft