dev-performance-performance-basics
정보
이 스킬은 개발자가 FPS가 60 아래로 떨어질 때 적용할 수 있는 핵심 R3F/Three.js 성능 최적화 원칙을 제공합니다. 60 FPS를 위한 중요한 16ms 예산을 설명하고, 캔버스 구성 및 드로우 콜 감소와 같은 실행 가능한 전략을 제시합니다. 성능 문제를 진단하고 필수적인 렌더링 최적화를 구현하는 데 활용하세요.
빠른 설치
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-performance-basicsClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
Frequently asked questions
What is the dev-performance-performance-basics skill?
dev-performance-performance-basics is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform dev-performance-performance-basics-related tasks without extra prompting.
How do I install dev-performance-performance-basics?
Use the install commands on this page: add dev-performance-performance-basics to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does dev-performance-performance-basics belong to?
dev-performance-performance-basics is in the performance category, tagged general.
Is dev-performance-performance-basics free to use?
Yes. dev-performance-performance-basics is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
연관 스킬
이 스킬은 CPU, 메모리, I/O, 네트워크 차원에 걸쳐 애플리케이션 성능을 측정, 분석, 최적화하는 포괄적인 성능 프로파일링을 제공합니다. perf, Instruments, clinic.js와 같은 도구를 활용하여 개발자가 병목 현상을 식별하고 근본 원인 분석을 수행하며 최적화를 구현할 수 있도록 지원합니다. 기준 측정, 문제 감지, 최적화 단계를 통해 체계적인 성능 개선이 필요할 때 사용하십시오.
이 Claude Skill은 Claude Flow 스웜에 대한 포괄적인 성능 분석과 병목 현상 탐지를 제공합니다. 프로파일링과 벤치마킹을 통해 최적화 기회를 식별하고 실행 가능한 권장사항을 제시합니다. 활성 워크플로우의 성능을 분석하고 개선해야 할 때 사용하세요.
이 스킬은 CPU, 메모리, I/O, 네트워크 차원에서 병목 현상을 감지하고 애플리케이션을 최적화하기 위한 포괄적인 성능 프로파일링을 제공합니다. 기준선을 설정하고 핫 스팟을 식별하며, perf 및 Instruments와 같은 플랫폼별 도구를 사용하여 근본 원인 분석을 수행합니다. 애플리케이션 성능을 체계적으로 측정하고 개선해야 할 때 사용하세요.
이 스킬은 카메라 거리에 따라 모델 복잡성을 줄여 성능을 최적화하는 React Three Fiber(R3F)용 LOD(Level of Detail) 기법을 제공합니다. 복잡한 3D 모델로 인해, 특히 대규모 장면이나 모바일 기기에서 FPS가 떨어질 때 사용됩니다. 구현에는 `@react-three/drei`의 `Detailed` 컴포넌트를 활용하여 정의된 거리 임계값에서 모델의 고품질, 중간품질, 저품질 및 빌보드 버전을 전환합니다.
