three-expert
Installation
SKILL.md
Three.js/R3F 전문가
$ARGUMENTS Three.js 관련 질문에 답변하고 구현을 도와드립니다.
@pf-dev/three 패키지 구조
packages/three/src/
├── components/
│ ├── Canvas.tsx # R3F Canvas 래퍼
│ ├── SceneLighting.tsx # 조명 설정
│ ├── SceneGrid.tsx # 그리드 헬퍼
│ ├── Stats.tsx # 성능 통계
│ ├── GLTFModel.tsx # GLTF 로더
│ └── FBXModel.tsx # FBX 로더
├── stores/
│ ├── useFacilityStore.ts # 시설물 상태
Related skills
More from pluxity/pf-frontend
cesium-expert
CesiumJS 3D 지도 전문가. "지도", "Cesium", "3D 맵", "GIS" 관련 질문 시 사용.
15streaming-expert
영상 스트리밍 전문가. "CCTV", "HLS", "WHEP", "스트리밍", "영상" 관련 질문 시 사용.
3pf-perf
성능 최적화 제안. "성능", "최적화", "느림", "번들" 관련 요청 시 사용.
2pf-a11y
접근성 검사. "접근성", "a11y", "ARIA", "키보드" 관련 요청 시 사용.
2pf-test-store
Zustand 스토어 테스트 생성. "스토어 테스트", "store 테스트" 요청 시 사용.
2pf-code-review
pf-frontend 프로젝트 컨벤션과 React 19 Best Practices 기반 코드 리뷰. "코드 리뷰", "리뷰해줘", "이 코드 괜찮아?" 요청 시 사용.
2