Three.js Performance

by staruhub

Three.js Performance is a Frontend skill for Claude Code, published by staruhub in ClaudeSkills.

700 stars130 forkson staruhub/ClaudeSkillsAdded 2026/08/23+1% in starsRepository updated 2026/08/13

View source on GitHub Download repo ZIP

agent-skillsai-agentsclaudeclaude-codeclaude-skillsdeep-research

Install in seconds

Install Three.js Performance

Copy Three.js Performance into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/staruhub/ClaudeSkills/tree/main/skills/Geek-skills-threejs-performance ~/.claude/skills/Geek-skills-threejs-performance

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/staruhub/ClaudeSkills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/Geek-skills-threejs-performance/SKILL.md in staruhub/ClaudeSkills
Installs to: ~/.claude/skills/Geek-skills-threejs-performance
Collection: One of 20 skills cataloged from this repository
Category: Frontend — 567 skills

What Three.js Performance does

Three.js Performance guides fixes for frame drops, rising memory use, slow loading, and too many draw calls in Three.js and React Three Fiber projects. It also covers WebGPU migration, instanced rendering, compression pipelines, and R3F render-loop rules.

Three.js Performance is cataloged under Frontend on DirSkills. Three.js Performance comes from a repository tagged agent-skills, ai-agents, claude, claude-code and claude-skills.

Documentation

README

Excerpt

症状	先查	深入
掉帧、卡顿	`renderer.info.render.calls` 是否 >100	实例化/合批（下文），后处理链
内存持续增长	`renderer.info.memory` 的 geometries/textures 计数是否只增不减	dispose 铁律（下文），`references/examples.md` 完整清理代码
加载慢、显存爆	模型是否未压缩	`references/assets.md` 压缩管线
粒子/物理瓶颈	CPU 粒子是否 >5 万	WebGPU 计算着色器，`references/webgpu.md`
R3F 项目莫名重渲染	useFrame 里是否 setState	R3F 三规则（下文）

各领域规则速查

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Three.js Performance

What else does staruhub publish alongside Three.js Performance?
Three.js Performance is one of 20 skills that DirSkills catalogs from staruhub/ClaudeSkills, the repository it ships in. Its siblings there include A-Share Analyst, AI Sales Champion and C Drive Cleaner. Each one is a separate skill with its own page in this directory, installs the same way Three.js Performance does, and is maintained by staruhub in that same repository. The rest of the collection is listed on the staruhub/ClaudeSkills page.
How does Three.js Performance compare to other Frontend skills?
Three.js Performance ranks #409 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Three.js Performance against them. Open each page to compare what they document and how they install.