정보
이 스킬은 React Three Fiber에서 인스턴스 렌더링을 제공하여 나무나 입자와 같은 동일한 객체 수천 개를 단일 드로우 콜로 효율적으로 렌더링합니다. 동일한 지오메트리와 재질을 공유하는 많은 객체를 렌더링해야 할 때, 특히 드로우 콜이 100개를 초과하는 경우에 사용하세요. 이는 drei의 Instances/Instance 패턴을 구현하여 성능을 극적으로 향상시킵니다.
빠른 설치
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-instancingClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
Frequently asked questions
What is the dev-performance-instancing skill?
dev-performance-instancing is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform dev-performance-instancing-related tasks without extra prompting.
How do I install dev-performance-instancing?
Use the install commands on this page: add dev-performance-instancing 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-instancing belong to?
dev-performance-instancing is in the performance category, tagged general.
Is dev-performance-instancing free to use?
Yes. dev-performance-instancing 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와 같은 플랫폼별 도구를 사용하여 근본 원인 분석을 수행합니다. 애플리케이션 성능을 체계적으로 측정하고 개선해야 할 때 사용하세요.
이 스킬은 개발자가 FPS가 60 아래로 떨어질 때 적용할 수 있는 핵심 R3F/Three.js 성능 최적화 원칙을 제공합니다. 60 FPS를 위한 중요한 16ms 예산을 설명하고, 캔버스 구성 및 드로우 콜 감소와 같은 실행 가능한 전략을 제시합니다. 성능 문제를 진단하고 필수적인 렌더링 최적화를 구현하는 데 활용하세요.
