Description
3d-web-experience is an agent skill for building 3D experiences for the web. It covers Three.js, React Three Fiber, Spline, WebGL and interactive 3D scenes, including product configurators, 3D portfolios and immersive websites. The skill is written from the viewpoint of a 3D web architect who weighs visual impact against performance, and who knows when 3D improves a page and when it only gets in the way. It aims to make 3D accessible to people who have never used a 3D app, and to create moments of delight without sacrificing usability. Use it when you are building or debugging a 3D scene on a website, including its assets, loading behaviour and camera or control setup. It is part of the sickn33/agentic-awesome-skills repository on GitHub, which has about 47,600 stars. The listing shows it as free, and it has about 5,100 installs. Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk. Install it with npx skills add https://github.com/sickn33/agentic-awesome-skills --skill 3d-web-experience.…
Highlights
- Three.js and React Three Fiber
- Spline and WebGL scenes
- Product configurators and portfolios
- Balances visual impact with performance
- Asset loading and controls
Ratings & Reviews
No ratings yet
Be the first to rate 3d-web-experience.
People also visit
webapp-testing
Test local web applications using Playwright for UI verification and debugging
click-path-audit
Trace every user-facing button/touchpoint through its full state change sequence
make-interfaces-feel-better
Apply concrete design-engineering details that make interfaces feel polished
3d-web-experience FAQ
What can it build?
3D scenes on the web with Three.js, React Three Fiber, Spline or WebGL, such as product configurators, portfolios and immersive sites.
Does it advise against 3D?
The skill says it knows when 3D enhances a page and when it is only showing off.
What does it help with in existing scenes?
Debugging, including assets, loading behaviour, controls and performance.
How do I install it?
Run npx skills add https://github.com/sickn33/agentic-awesome-skills --skill 3d-web-experience.
Is it checked for security?
Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk.
What are the best 3d-web-experience alternatives?
Popular alternatives to 3d-web-experience include webapp-testing, artifacts-builder and click-path-audit. See all 3d-web-experience alternatives