SKILL·9B1D7D

dev-performance-performance-basics

majiayu000
Aktualisiert 1 month ago
22 Ansichten
58
9
58
Auf GitHub ansehen
Anderegeneral

Über

Diese Fähigkeit vermittelt Kernprinzipien zur Leistungsoptimierung in R3F/Three.js für Entwickler, wenn die FPS unter 60 fallen. Sie erläutert das kritische 16ms-Budget für 60 FPS und bietet umsetzbare Strategien wie Canvas-Konfiguration und die Reduzierung von Draw Calls. Nutzen Sie sie, um Leistungsprobleme zu diagnostizieren und wesentliche Rendering-Optimierungen umzusetzen.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add majiayu000/claude-skill-registry -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternativ
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-performance-performance-basics

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

GitHub Repository

majiayu000/claude-skill-registry
Pfad: skills/data/dev-performance-performance-basics
0
FAQ

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.

Verwandte Skills

when-profiling-performance-use-performance-profiler
Andere

Diese Fähigkeit bietet umfassende Performance-Profiling-Funktionen, um die Anwendungsleistung über CPU, Arbeitsspeicher, I/O und Netzwerkdimensionen zu messen, zu analysieren und zu optimieren. Sie unterstützt Entwickler dabei, Engpässe zu identifizieren, Root-Cause-Analysen durchzuführen und Optimierungen mit Tools wie perf, Instruments und clinic.js umzusetzen. Nutzen Sie sie, wenn Sie systematische Leistungsverbesserungen durch Basislinienmessung, Erkennung und Optimierungsphasen benötigen.

Skill ansehen
when-analyzing-performance-use-performance-analysis
Andere

Diese Claude Skill bietet umfassende Leistungsanalysen und Engpasserkennung für Claude Flow Swarms. Sie identifiziert Optimierungsmöglichkeiten durch Profiling und Benchmarking und liefert umsetzbare Empfehlungen. Nutzen Sie sie, wenn Sie die Leistung Ihrer aktiven Workflows analysieren und verbessern müssen.

Skill ansehen
when-profiling-performance-use-performance-profiler
Andere

Diese Fähigkeit bietet umfassende Leistungsprofilerstellung, um Engpässe zu erkennen und Anwendungen in den Dimensionen CPU, Arbeitsspeicher, I/O und Netzwerk zu optimieren. Sie etabliert Referenzwerte, identifiziert kritische Pfade und bietet Root-Cause-Analysen mit plattformspezifischen Werkzeugen wie perf und Instruments. Nutzen Sie sie, wenn Sie die Leistung Ihrer Anwendung systematisch messen und verbessern müssen.

Skill ansehen
dev-performance-lod-systems
Andere

Diese Fähigkeit bietet Level of Detail (LOD)-Techniken für React Three Fiber (R3F), um die Performance zu optimieren, indem die Modellkomplexität basierend auf der Kameradistanz reduziert wird. Sie wird eingesetzt, wenn komplexe 3D-Modelle zu FPS-Einbrüchen führen, insbesondere in großen Szenen oder auf mobilen Geräten. Die Implementierung nutzt die `Detailed`-Komponente von `@react-three/drei`, um zwischen hochauflösenden, mittleren, niedrigauflösenden und Billboard-Versionen eines Modells bei definierten Entfernungsschwellen zu wechseln.

Skill ansehen