oso95/scroll-world

어떤 프로젝트인가요?

핵심 기능

• 01AI 이미지 및 동영상 모델로 등각 투영 디오라마 장면의 스틸 이미지와 카메라 비행 클립을 생성합니다.
• 02인접한 장면의 렌더링 프레임을 바탕으로 연결 클립을 만들어 장면 전환을 매끄럽게 합니다.
• 03지연 로딩과 연결 지점 크로스페이드를 지원하는, 프레임워크 비종속 바닐라 JavaScript 스크롤 엔진을 제공합니다.
• 04별도로 구성하는 선택형 9:16 모바일 버전을 지원합니다.
• 05예상 크레딧 또는 달러 비용을 표시하고, 생성 전에 승인을 받습니다.

활용 사례

• 물류 또는 산업 분야 기업을 위한 스크롤 기반 제품·브랜드 랜딩 페이지 제작.
• 3D 모델링 파이프라인 없이 몰입감 있는 3D 스타일 마케팅 페이지 프로토타이핑.
• 기존 Next.js, Vue 또는 일반 HTML 사이트에 시네마틱한 스크롤 섹션 추가.

빠른 시작

1. 1

   Claude Code에서 마켓플레이스를 추가합니다

   /plugin marketplace add oso95/scroll-world
2. 2

   플러그인을 설치합니다

   /plugin install scroll-world@scroll-world
3. 3

   스크롤하며 둘러보는 월드 랜딩 페이지를 요청하거나 /scroll-world를 실행합니다

사용 전 알아둘 점

• !에셋 생성에는 비용이 듭니다. 잔액이 있는 Monid API 키 또는 Higgsfield 크레딧이 필요합니다.
• !Higgsfield CLI, ffmpeg, Pillow가 포함된 Python 3도 필요합니다.
• !이것은 에셋을 생성하는 에이전트 스킬이지, 바로 실행할 수 있는 웹사이트가 아닙니다. 생성된 미디어도 함께 제공되지 않습니다.

토픽

자주 묻는 질문

scroll-world은(는) 무엇인가요?

장면 외부에서 내부로 컷 없이 비행하는 스크롤 연동 3D 랜딩 페이지를 만드는 에이전트 스킬입니다. scroll-world는 Claude Code, Codex 및 SKILL.md 호환 에이전트에서 사용할 수 있는 에이전트 스킬입니다. 어떤 브랜드나 업종에든 맞는 랜딩 페이지를 만들며, 스크롤하면 카메라가 각 장면의 바깥에서 내부로 이동한 뒤 다음 장면으로 이어져 컷 없이 연속해서 비행합니다.

scroll-world은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

scroll-world은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

scroll-world은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. scroll-world의 마지막 커밋은 2026년 7월 29일입니다.

scroll-world은(는) 어디에 사용할 수 있나요?

물류 또는 산업 분야 기업을 위한 스크롤 기반 제품·브랜드 랜딩 페이지 제작. 3D 모델링 파이프라인 없이 몰입감 있는 3D 스타일 마케팅 페이지 프로토타이핑. 기존 Next.js, Vue 또는 일반 HTML 사이트에 시네마틱한 스크롤 섹션 추가.

scroll-world는 어떻게 설치하나요?

Claude Code에서 마켓플레이스를 추가합니다: /plugin marketplace add oso95/scroll-world 플러그인을 설치합니다: /plugin install scroll-world@scroll-world 스크롤하며 둘러보는 월드 랜딩 페이지를 요청하거나 /scroll-world를 실행합니다

scroll-world은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/oso95/scroll-world