dev-r3f-r3f-fundamentals
정보
이 스킬은 선언적 3D 장면 구성과 게임 루프 구현을 위한 React Three Fiber 기본 개념을 제공합니다. 장면 설정, 3D 컴포넌트 생성, `useFrame`을 활용한 캔버스/렌더러 설정 관리에 관한 핵심 패턴을 다룹니다. 새로운 R3F 프로젝트를 시작하거나 인터랙티브 3D 컴포넌트를 구축할 때 활용하세요.
빠른 설치
Claude Code
추천npx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-r3f-r3f-fundamentalsClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
연관 스킬
dev-r3f-r3f-physics
기타이 스킬은 React Three Fiber(R3F) 애플리케이션에 Rapier 물리 엔진 통합을 제공하여 3D 게임과 인터랙티브 장면에서 사실적인 물리 시뮬레이션과 충돌 감지를 가능하게 합니다. R3F 프로젝트에 낙하 물체, 캐릭터 컨트롤러, 차량, 혹은 인터랙티브 환경을 추가해야 하는 개발자에게 이상적입니다. 이 스킬은 직관적인 구현을 위한 선언적 컴포넌트 기반 API(`Physics` 및 `RigidBody`)를 제공합니다.
dev-r3f-r3f-materials
기타이 스킬은 개발자가 React Three Fiber(R3F)에서 재질, 셰이더 및 시각 효과를 선택하고 구현하는 데 도움을 줍니다. 기본적인 무광 옵션부터 고급 PBR 및 커스텀 셰이더에 이르기까지 성능을 고려한 재질 유형 선택을 위한 결정 프레임워크를 제공합니다. 커스텀 재질을 생성하거나 시각 효과를 구현하거나 3D 객체 렌더링을 최적화할 때 사용하세요.
content-collections
메타이 스킬은 콘텐츠 콜렉션(Content Collections)을 위한 프로덕션 검증된 설정을 제공합니다. 콘텐츠 콜렉션은 Markdown/MDX 파일을 Zod 검증이 포함된 타입 안전한 데이터 콜렉션으로 변환해주는 TypeScript 최우선 도구입니다. 블로그, 문서 사이트 또는 콘텐츠 중심의 Vite + React 애플리케이션을 구축할 때 타입 안전성과 자동 콘텐츠 검증을 보장하기 위해 사용하세요. Vite 플러그인 구성과 MDX 컴파일부터 배포 최적화 및 스키마 검증에 이르기까지 모든 것을 다룹니다.
polymarket
메타이 스킬은 개발자들이 Polymarket 예측 시장 플랫폼을 활용한 애플리케이션을 구축할 수 있도록 지원하며, 거래 및 시장 데이터를 위한 API 통합 기능을 포함합니다. 또한 WebSocket을 통한 실시간 데이터 스트리밍을 제공하여 실시간 거래와 시장 활동을 모니터링할 수 있습니다. 이를 통해 거래 전략을 구현하거나 실시간 시장 업데이트를 처리하는 도구를 생성하는 데 활용할 수 있습니다.