dev-performance-lod-systems
关于
This skill provides Level of Detail (LOD) techniques for React Three Fiber (R3F) to optimize performance by reducing model complexity based on camera distance. It's used when complex 3D models cause FPS drops, especially in large scenes or on mobile devices. The implementation uses the `@react-three/drei` `Detailed` component to swap between high, medium, low, and billboard versions of a model at defined distance thresholds.
快速安装
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-lod-systems在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
when-profiling-performance-use-performance-profiler
其他这是一个全面的性能分析工具，帮助开发者识别和优化应用瓶颈。它通过多阶段分析（基线、检测、分析、优化）系统性地诊断CPU、内存和I/O问题。适用于需要深度性能调优的复杂项目，支持跨平台工具集成。
when-analyzing-performance-use-performance-analysis
其他该Skill为Claude Flow群组提供全面的性能分析，可检测瓶颈并给出优化建议。它适用于需要监控和提升工作流性能的开发者场景，包含性能指标分析、基准测试和具体优化方案等关键能力。使用前需已安装Claude Flow并拥有活跃的工作流。
dev-performance-performance-basics
其他这个Skill提供R3F/Three.js性能优化的核心原则，特别适用于FPS低于60时的调试场景。它包含了16ms帧预算分配、Canvas优化配置等实用指南，帮助开发者快速定位和解决性能瓶颈。内容涵盖从输入处理到渲染管线的全流程优化策略，是性能调优的快速参考工具。
dev-performance-mobile-optimization
其他这是一个针对R3F/Three.js移动端性能优化的Claude Skill。它提供了移动设备专用的渲染配置，包括降低像素比、关闭阴影和抗锯齿等关键优化策略。当你的应用需要在手机上运行时，使用此Skill可以快速解决FPS下降和内存问题。