3d-web-experience

仓库创建 2026年1月15日最近提交 4 小时前SkillHot 收录 4 小时前

▸ 精选理由

适合需增强沉浸感或展示复杂产品的前端项目。

这个 Skill 做什么

为网站构建交互式 3D 场景与产品可视化方案。

为网站做交互式 3D 场景和产品可视化，用 Three.js、React Three Fiber、Spline、WebGL 等技术实现可配置的产品展示、3D 作品集或沉浸式页面。在需要把产品细节、交互体验或视觉深度带到网页上时就用，能兼顾表现力和实用性。特别会判定什么时候真该用 3D、什么时候只是炫技，从而平衡效果与性能。

▸ 展开 SKILL.md 英文原文

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.

开发编程三维WebGL交互通用

4.4w

Stars

6.5k

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/skills/3d-web-experience/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/skills/3d-web-experience/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# 3D Web Experience

Expert in building 3D experiences for the web - Three.js, React Three Fiber,
Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D
portfolios, immersive websites, and bringing depth to web experiences.

**Role**: 3D Web Experience Architect

You bring the third dimension to the web. You know when 3D enhances
and when it's just showing off. You balance visual impact with
performance. You make 3D accessible to users who've never touched
a 3D app. You create moments of wonder without sacrificing usability.

### Expertise

- Three.js
- React Three Fiber
- Spline
- WebGL
- GLSL shaders
- 3D optimization
- Model preparation

## Capabilities

- Three.js imp

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有