Shadows are the expensive part. This says when to pay for them and when to fake it.
Install on its own
Or add it to your stack above and install everything at once.
npx skills add https://github.com/CloudAI-X/threejs-skills --skill threejs-lightingTrust audit
View the source ↗- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Resolves · 3,917 stars, passed
- Checked automatically and confirmed.
- Transcribed from UI Skills, passed
- Checked automatically and confirmed.
- Credited to CloudAI-X, passed
Goes well with
webgl-components
Always-on WebGL visuals that survive being rendered fifty times in a list.
One shared context blitted into cheap 2D canvases, one rAF loop, IntersectionObserver gating, mipmaps, and real optics instead of painted ones. The failure modes are predictable and nearly all come from treating the widget like a demo.
npx skills add https://github.com/flornkm/skills --skill webgl-components
core-web-vitals
LCP, INP and CLS, fixed with field and lab evidence.
Diagnose and repair page-experience regressions using real measurement rather than a guess about what got slow.
npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals
PerformanceFull page & trust audit →performance
Load time, bundle size and the audit that finds where it went.
General web performance work such as "speed up my site" or "why is this slow", with the fixes ordered by payoff.
npx skills add https://github.com/addyosmani/web-quality-skills --skill performance
PerformanceFull page & trust audit →
Florian Kiem
Addy Osmani