← 전체 스킬
🎞️
Scroll Craft 스크롤 스토리텔링 웹 Skill
Claude Code에서 고급 스크롤 기반 랜딩 페이지를 만드는 워크플로입니다. 브랜드 인터뷰와 고객 여정을 바탕으로 스크롤 타이밍, 비디오 스크러빙, 가로 이동과 고유 인터랙션을 설계하고 스크롤 스크린샷으로 검증합니다.
핵심 기능
- 브랜드·고객 여정 인터뷰
- 스크롤 타임라인·영상 스크러빙
- 다양한 인터랙션 장치
- 스크린샷 기반 스크롤 검증
설치 방법
Claude Code에서 /plugin marketplace add nateherkai/scroll-craft를 실행한 뒤 /plugin install nateherk-design을 실행합니다. 설치 안내가 나오면 /reload-plugins도 실행합니다.
사용 방법
원하는 브랜드 스크롤 경험을 설명하거나 /nateherk-design:scroll-craft를 실행합니다. 분위기, 여정, 에너지 곡선, 대표 장면과 보유 자료를 확인한 뒤 제작과 검증을 진행합니다.
필요 조건
Claude Code, Node.js 18+, 전체 ffmpeg 빌드, 빌드 폴더의 playwright-core와 Chrome이 필요합니다. kie.ai로 자료를 생성할 때만 KIE_AI_API_KEY가 필요하며 자체 이미지와 영상만 쓰면 key가 필요 없습니다.
관련 스킬