Moh4696/open-3d-skills

어떤 프로젝트인가요?

핵심 기능

• 01모델 파일 없이 코드만으로 three.js 장면을 만듭니다.
• 02생성된 클립으로 스크롤 연동 영상을 만들고, 연결부를 검사하며 reduced-motion 설정을 처리합니다.
• 03스택형 알파 MP4, VP9 알파 또는 WebP 프레임을 사용해 Safari를 포함한 모든 브라우저용 투명 동영상을 만듭니다.
• 04포즈 그리드로 구성된 커서 추적 캐릭터 리그를 생성합니다.
• 05단계별 분해, 엑스레이, 단면 절단, 라벨이 포함된 인터랙티브 분해도를 만듭니다.
• 06headless Chromium과 WebKit에서 세 가지 크기로 페이지를 검사하고 콘택트 시트가 포함된 보고서를 작성합니다.
• 07가상 시계에서 페이지를 프레임 단위로 정확한 60 fps 동영상으로 녹화합니다.

활용 사례

• 60 fps로 실행되는 실시간 3D 장면이 있는 제품 페이지나 랜딩 페이지 만들기
• AI 생성 클립을 웹사이트의 스크롤 기반 영상으로 전환하기
• Chrome뿐 아니라 Safari에서도 작동하는 투명 동영상 오버레이 추가하기
• 인터랙티브 분해도로 기계의 작동 방식 설명하기
• 소셜 미디어나 고객용 웹 페이지 데모 영상을 부드럽게 녹화하기

빠른 시작

1. 1

   npx skills CLI로 8개 스킬을 모두 설치합니다(Node 22.20 이상 필요).

   npx skills add Moh4696/open-3d-skills
2. 2

   스킬이 로드되도록 새 에이전트 세션을 시작합니다.

사용 전 알아둘 점

• !이 항목은 독립 실행형 앱이 아니라 코딩 에이전트를 위한 안내이므로, 사용하려면 Claude Code나 Codex 같은 에이전트가 필요합니다.
• !일부 스킬에는 Python 3.9 이상, ffmpeg, 이미지 또는 동영상 생성 서비스가 필요합니다.
• !README에 따르면 스킬에는 API 키가 저장되지 않으므로 생성 서비스에 대한 액세스 권한을 직접 제공해야 합니다.

포함된 컬렉션

토픽

자주 묻는 질문

open-3d-skills은(는) 무엇인가요?

three.js를 활용해 코딩 에이전트가 3D 및 스크롤 기반 웹사이트를 만들고 애니메이션을 적용하며 검증하도록 돕는 에이전트 스킬 8종입니다. Open 3D Skills는 3D 및 애니메이션 웹사이트를 만들기 위한 에이전트 스킬 8종으로 구성되어 있습니다. 코드로 작성하는 실시간 three.js 장면, 동영상 클립으로 만든 스크롤 연동 영상, Safari에서 재생되는 투명 동영상, 커서를 따라 움직이는 캐릭터, 기계의 인터랙티브 분해도, 그리고 이런 에셋을 제작하는 데 쓰이는 AI 이미지 및 동영상 작업을 다룹니다.

open-3d-skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

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

open-3d-skills은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. open-3d-skills의 마지막 커밋은 2026년 10월 31일입니다.

open-3d-skills은(는) 어디에 사용할 수 있나요?

60 fps로 실행되는 실시간 3D 장면이 있는 제품 페이지나 랜딩 페이지 만들기 AI 생성 클립을 웹사이트의 스크롤 기반 영상으로 전환하기 Chrome뿐 아니라 Safari에서도 작동하는 투명 동영상 오버레이 추가하기 인터랙티브 분해도로 기계의 작동 방식 설명하기 소셜 미디어나 고객용 웹 페이지 데모 영상을 부드럽게 녹화하기

open-3d-skills는 어떻게 설치하나요?

npx skills CLI로 8개 스킬을 모두 설치합니다(Node 22.20 이상 필요).: npx skills add Moh4696/open-3d-skills 스킬이 로드되도록 새 에이전트 세션을 시작합니다.

open-3d-skills은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Moh4696/open-3d-skills