MCP HubMCP Hub
스킬 목록으로 돌아가기

dev-assets-model-loading

majiayu000
업데이트됨 7 days ago
10 조회
58
9
58
GitHub에서 보기
기타react

정보

이 Claude Skill은 React Three Fiber 애플리케이션을 위한 순차 로딩 방식의 FBX 모델 로딩 패턴을 제공합니다. 여러 캐릭터 모델을 효율적으로 로드하면서 순차 로딩 전략을 통해 메모리 과부하를 방지하는 데 도움을 줍니다. 본 스킬에는 3D 캐릭터 에셋 작업을 위한 적절한 오류 처리가 포함된 재사용 가능한 컴포넌트가 포함되어 있습니다.

빠른 설치

Claude Code

추천
기본
npx skills add majiayu000/claude-skill-registry -a claude-code
플러그인 명령대체
/plugin add https://github.com/majiayu000/claude-skill-registry
Git 클론대체
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-assets-model-loading

Claude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요

GitHub 저장소

majiayu000/claude-skill-registry
경로: skills/data/dev-assets-model-loading
0

연관 스킬

dev-assets-audio-loading

기타

이 스킬은 React Three Fiber/Three.js 애플리케이션에서 오디오 로딩 패턴을 제공하며, 특히 3D 장면에 사운드 효과, 배경 음악, 위치 기반 오디오를 추가하는 데 사용됩니다. 공간 속성을 가진 위치 기반 오디오와 간단한 HTML 오디오 구현을 위한 코드 예제를 포함하고 있습니다. R3F 프로젝트에서 오디오 에셋을 통합하고 관리해야 할 때 이 스킬을 활용하세요.

스킬 보기

dev-assets-vite-asset-loading

기타

이 Claude Skill은 Vite 6에서 '?import' 쿼리 매개변수 오염을 피하면서 정적 에셋을 로드하는 패턴을 제공합니다. FBX 모델, 이미지, 폰트 작업이나 Vite 6의 새로운 에셋 처리 시스템을 다룰 때 유용합니다. 이 스킬은 public 및 src/assets 디렉터리에서 에셋을 로드하는 올바른 접근법을 실제 코드 예시와 함께 보여줍니다.

스킬 보기

dev-assets-texture-loading

기타

이 Claude Skill은 React Three Fiber(R3F) 애플리케이션을 위한 최적화된 텍스처 로딩 패턴을 제공합니다. 개발자가 이미지 텍스처를 효율적으로 로드하는 동시에 메모리 사용을 최적화하고 텍스처 필터링 설정을 구성할 수 있도록 돕습니다. 3D 장면의 머티리얼에 텍스처를 로드할 때 적절한 색상 공간, 밉매핑, 이방성 필터링 구성과 같은 모범 사례를 적용하려면 이 스킬을 사용하세요.

스킬 보기

content-collections

메타

이 스킬은 콘텐츠 콜렉션(Content Collections)을 위한 프로덕션 검증된 설정을 제공합니다. 콘텐츠 콜렉션은 Markdown/MDX 파일을 Zod 검증이 포함된 타입 안전한 데이터 콜렉션으로 변환해주는 TypeScript 최우선 도구입니다. 블로그, 문서 사이트 또는 콘텐츠 중심의 Vite + React 애플리케이션을 구축할 때 타입 안전성과 자동 콘텐츠 검증을 보장하기 위해 사용하세요. Vite 플러그인 구성과 MDX 컴파일부터 배포 최적화 및 스키마 검증에 이르기까지 모든 것을 다룹니다.

스킬 보기