dev-performance-lod-systems
정보
이 스킬은 카메라 거리에 따라 모델 복잡성을 줄여 성능을 최적화하는 React Three Fiber(R3F)용 LOD(Level of Detail) 기법을 제공합니다. 복잡한 3D 모델로 인해, 특히 대규모 장면이나 모바일 기기에서 FPS가 떨어질 때 사용됩니다. 구현에는 `@react-three/drei`의 `Detailed` 컴포넌트를 활용하여 정의된 거리 임계값에서 모델의 고품질, 중간품질, 저품질 및 빌보드 버전을 전환합니다.
빠른 설치
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-performance-lod-systemsClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
연관 스킬
when-profiling-performance-use-performance-profiler
기타이 스킬은 CPU, 메모리, I/O, 네트워크 차원에 걸쳐 애플리케이션 성능을 측정, 분석, 최적화하는 포괄적인 성능 프로파일링을 제공합니다. perf, Instruments, clinic.js와 같은 도구를 활용하여 개발자가 병목 현상을 식별하고 근본 원인 분석을 수행하며 최적화를 구현할 수 있도록 지원합니다. 기준 측정, 문제 감지, 최적화 단계를 통해 체계적인 성능 개선이 필요할 때 사용하십시오.
when-analyzing-performance-use-performance-analysis
기타이 Claude Skill은 Claude Flow 스웜에 대한 포괄적인 성능 분석과 병목 현상 탐지를 제공합니다. 프로파일링과 벤치마킹을 통해 최적화 기회를 식별하고 실행 가능한 권장사항을 제시합니다. 활성 워크플로우의 성능을 분석하고 개선해야 할 때 사용하세요.
when-profiling-performance-use-performance-profiler
기타이 스킬은 CPU, 메모리, I/O, 네트워크 차원에서 병목 현상을 감지하고 애플리케이션을 최적화하기 위한 포괄적인 성능 프로파일링을 제공합니다. 기준선을 설정하고 핫 스팟을 식별하며, perf 및 Instruments와 같은 플랫폼별 도구를 사용하여 근본 원인 분석을 수행합니다. 애플리케이션 성능을 체계적으로 측정하고 개선해야 할 때 사용하세요.
dev-performance-performance-basics
기타이 스킬은 개발자가 FPS가 60 아래로 떨어질 때 적용할 수 있는 핵심 R3F/Three.js 성능 최적화 원칙을 제공합니다. 60 FPS를 위한 중요한 16ms 예산을 설명하고, 캔버스 구성 및 드로우 콜 감소와 같은 실행 가능한 전략을 제시합니다. 성능 문제를 진단하고 필수적인 렌더링 최적화를 구현하는 데 활용하세요.