home/categories/frontend/naveedtechlab-hackathon-2-todo-claude-skills-threejs-react-ui-specialist-skill-md
frontenddevelopment

threejs-react-ui-specialist

Integrate Three.js with React/Next.js using React Three Fiber for subtle 3D UI elements. Use when users request 3D cards, 3D backgrounds, interactive 3D UI components, parallax effects, 3D hover animations, or need to add Three.js to React/Next.js applications. Focus on performance-optimized, UI-focused 3D elements, not heavy 3D scenes or games.

NaveedTechLab
maintainer
NaveedTechLab
更新日 1/11/2026
スター
0
フォーク
0
quick start

Installation and usage

Integrate Three.js with React/Next.js using React Three Fiber for subtle 3D UI elements. Use when users request 3D cards, 3D backgrounds, interactive 3D UI components, parallax effects, 3D hover animations, or need to add Three.js to React/Next.js applications. Focus on performance-optimized, UI-focused 3D elements, not heavy 3D scenes or games.

インストール
$ install --globalskills.sh
使い方

インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます:

skills use threejs-react-ui-specialist