토론

클로드, Three.js, GSAP를 사용하여 스크롤 기반 스토리텔링 웹사이트를 구축하세요.

Wikiprompt, 무료 프롬프트 백과사전에서

FHILY👑

2026년 6월 9일

클로드, Three.js, GSAP를 사용하여 스크롤 기반 스토리텔링 웹사이트를 구축하세요. Claude를 프롬프트하여 스크롤 기반 스토리텔링 웹사이트를 구축하는 단계별 워크플로우로, Three.js, GSAP ScrollTrigger 및 Lenis.js를 결합하여 부드러운 스크롤링을 구현합니다.

관련 미디어

프롬프트 내용저장

🌐
1. Claude에게 프롬프트: "각 스크롤 섹션이 유동적인 색상 전환과 함께 새로운 챕터를 드러내는 스토리텔링 웹사이트를 구축해 줘." 2. 커서에 반응하는 페인트 질감 배경을 위해 Three.js를 사용해. 3. Claude에게 프롬프트: "GSAP ScrollTrigger를 추가해서 각 섹션이 영화 같은 장면처럼 애니메이션되게 해 줘." 4. 프리미엄 사이트에서 쓰는 부드러운 스크롤을 위해 Lenis.js를 사용해.

전체 프롬프트를 보려면 로그인하세요

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

사용법

이 프롬프트는 coding와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.

최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.

참고 자료

분류:coding| twitter| claude-code| storytelling-website

토론