3d-graphics
Three.js(WebGL/WebGPU)를 사용한 3D 웹 그래픽. 기능: 장면, 카메라, 형상, 재료, 조명, 애니메이션, 모델 로딩(GLTF/FBX), PBR 재료, 그림자, 후처리(블룸, SSAO, SSR), 사용자 정의 셰이더, 인스턴싱, LOD, 물리학, VR/XR. 작업: 3D 장면/모델을 생성, 구축, 애니메이션화, 렌더링합니다. 키워드: Three.js, WebGL, WebGPU, 3D 그래픽, 장면, 카메라, 기하학, 재료, 조명, 애니메이션, GLTF, FBX, OrbitControls, PBR, 그림자 매핑, 후처리, 블룸, SSAO, 셰이더, 인스턴싱, LOD, WebXR, VR, AR, 제품 구성기, 데이터 시각화, 건축 연습, 대화형 3D, 캔버스. 사용 시기: 3D 시각화 생성, WebGL/WebGPU 앱 구축, 3D 모델 로드, 애니메이션 추가, VR/XR 구현, 대화형 그래픽 생성, 제품 구성 프로그램 구축.
SKILL.md
Build high-performance 3D web applications using Three.js - a cross-browser WebGL/WebGPU library.
Level 1: Getting Started Load references/01-getting-started.md - Scene setup, basic geometries, materials, lights, rendering loop
Three.js(WebGL/WebGPU)를 사용한 3D 웹 그래픽. 기능: 장면, 카메라, 형상, 재료, 조명, 애니메이션, 모델 로딩(GLTF/FBX), PBR 재료, 그림자, 후처리(블룸, SSAO, SSR), 사용자 정의 셰이더, 인스턴싱, LOD, 물리학, VR/XR. 작업: 3D 장면/모델을 생성, 구축, 애니메이션화, 렌더링합니다. 키워드: Three.js, WebGL, WebGPU, 3D 그래픽, 장면, 카메라, 기하학, 재료, 조명, 애니메이션, GLTF, FBX, OrbitControls, PBR, 그림자 매핑, 후처리, 블룸, SSAO, 셰이더, 인스턴싱, LOD, WebXR, VR, AR, 제품 구성기, 데이터 시각화, 건축 연습, 대화형 3D, 캔버스. 사용 시기: 3D 시각화 생성, WebGL/WebGPU 앱 구축, 3D 모델 로드, 애니메이션 추가, VR/XR 구현, 대화형 그래픽 생성, 제품 구성 프로그램 구축. 출처: majiayu000/claude-skill-registry.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/majiayu000/claude-skill-registry --skill 3d-graphics- 카테고리
- *크리에이티브
- 인증됨
- —
- 최초 등록
- 2026-02-06
- 업데이트
- 2026-02-18
빠른 답변
3d-graphics이란?
Three.js(WebGL/WebGPU)를 사용한 3D 웹 그래픽. 기능: 장면, 카메라, 형상, 재료, 조명, 애니메이션, 모델 로딩(GLTF/FBX), PBR 재료, 그림자, 후처리(블룸, SSAO, SSR), 사용자 정의 셰이더, 인스턴싱, LOD, 물리학, VR/XR. 작업: 3D 장면/모델을 생성, 구축, 애니메이션화, 렌더링합니다. 키워드: Three.js, WebGL, WebGPU, 3D 그래픽, 장면, 카메라, 기하학, 재료, 조명, 애니메이션, GLTF, FBX, OrbitControls, PBR, 그림자 매핑, 후처리, 블룸, SSAO, 셰이더, 인스턴싱, LOD, WebXR, VR, AR, 제품 구성기, 데이터 시각화, 건축 연습, 대화형 3D, 캔버스. 사용 시기: 3D 시각화 생성, WebGL/WebGPU 앱 구축, 3D 모델 로드, 애니메이션 추가, VR/XR 구현, 대화형 그래픽 생성, 제품 구성 프로그램 구축. 출처: majiayu000/claude-skill-registry.
3d-graphics 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/majiayu000/claude-skill-registry --skill 3d-graphics 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/majiayu000/claude-skill-registry
상세
- 카테고리
- *크리에이티브
- 출처
- user
- 최초 등록
- 2026-02-06