SKILL
web-3d
为网站添加 3D 与 WebGL 效果——交互式主视觉对象、产品查看器、粒子、着色器背景、滚动驱动的 3D 场景——可使用 Three.js 或 React Three Fiber（drei）、Spline 或 model-viewer，同时控制加载时间、移动端性能与降级方案。当用户提到 3D、WebGL、Three.js、R3F、react-three-fiber、着色器、GLB/GLTF 模型、粒子、Spline，或想要沉浸式/“惊艳”的主视觉时使用。
机器翻译查看英文原文
Add 3D and WebGL to websites — interactive hero objects, product viewers, particles, shader backgrounds, scroll-driven 3D scenes — with Three.js or React Three Fiber (drei), Spline, or model-viewer, while keeping load time, mobile performance and fallbacks under control. Use whenever the user mentions 3D, WebGL, Three.js, R3F, react-three-fiber, shaders, GLB/GLTF models, particles, Spline, or wants an immersive/"wow" hero.
适用对象：React / Next.js。自动收录 · 待核查。
在 Cursor 中使用
该组合的专门教程待补充，尚未核实适配。
准备条件
- 本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。
选择已有说明的 AI 工具，或在页面加载后保存待办及提出教程请求。
查看原作者说明 ↗