dev-performance-performance-basics
关于
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.
快速安装
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-basics在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
when-profiling-performance-use-performance-profiler
其他这是一个全面的性能分析工具，帮助开发者识别和优化应用瓶颈。它通过多阶段分析（基线、检测、分析、优化）系统性地诊断CPU、内存和I/O问题。适用于需要深度性能调优的复杂项目，支持跨平台工具集成。
when-analyzing-performance-use-performance-analysis
其他该Skill为Claude Flow群组提供全面的性能分析，可检测瓶颈并给出优化建议。它适用于需要监控和提升工作流性能的开发者场景，包含性能指标分析、基准测试和具体优化方案等关键能力。使用前需已安装Claude Flow并拥有活跃的工作流。
when-profiling-performance-use-performance-profiler
其他这是一个全面的性能分析工具，帮助开发者识别和优化应用性能瓶颈。它通过基线测量、瓶颈检测和根因分析来系统性地解决CPU、内存、I/O和网络性能问题。支持多种平台工具（Linux perf、macOS Instruments、Node.js clinic.js），适用于需要深度性能调优的开发场景。
dev-performance-lod-systems
其他这个Skill提供了R3F中Level of Detail (LOD)的实现方案，专门解决复杂3D模型导致的FPS下降问题。它通过@react-three/drei的Detailed组件，让开发者可以根据相机距离切换不同细节层级的模型。特别适用于大型场景优化、移动设备性能提升，以及处理复杂模型时的帧率优化场景。