Back to Skills

dev-performance-performance-basics

majiayu000
Updated 7 days ago
14 views
58
9
58
View on GitHub
Othergeneral

About

This skill provides core R3F/Three.js performance optimization principles for developers when FPS drops below 60. It explains the critical 16ms budget for 60 FPS and offers actionable strategies like canvas configuration and draw call reduction. Use it to diagnose performance issues and implement essential rendering optimizations.

Quick Install

Claude Code

Recommended
Primary
npx skills add majiayu000/claude-skill-registry -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternative
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-performance-performance-basics

Copy and paste this command in Claude Code to install this skill

GitHub Repository

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

Related Skills

when-profiling-performance-use-performance-profiler

Other

This skill provides comprehensive performance profiling to measure, analyze, and optimize application performance across CPU, memory, I/O, and network dimensions. It helps developers identify bottlenecks, perform root cause analysis, and implement optimizations using tools like perf, Instruments, and clinic.js. Use it when you need systematic performance improvement through baseline measurement, detection, and optimization phases.

View skill

when-analyzing-performance-use-performance-analysis

Other

This Claude Skill provides comprehensive performance analysis and bottleneck detection for Claude Flow swarms. It identifies optimization opportunities through profiling and benchmarking, delivering actionable recommendations. Use it when you need to analyze and improve the performance of your active workflows.

View skill

dev-performance-mobile-optimization

Other

This skill provides mobile-specific optimization guidelines for R3F/Three.js applications, including performance targets and configuration adjustments. It helps developers optimize for mobile devices by reducing pixel ratios, disabling shadows/anti-aliasing, and limiting draw calls/polygons. Use it when targeting mobile devices or experiencing performance issues on phones.

View skill

when-profiling-performance-use-performance-profiler

Other

This skill provides comprehensive performance profiling to detect bottlenecks and optimize applications across CPU, memory, I/O, and network dimensions. It establishes baselines, identifies hot paths, and offers root cause analysis using platform-specific tools like perf and Instruments. Use it when you need to systematically measure and improve your application's performance.

View skill