Three.js 3D Web 開発の総合的なスキル。このスキルは、インタラクティブな 3D シーン、WebGL/WebGPU アプリケーション、製品コンフィギュレーター、3D ビジュアライゼーション、または没入型 Web エクスペリエンスを構築するときに使用します。 Three.js、3D レンダリング、シーン、カメラ、メッシュ、マテリアル、ライト、アニメーション、テクスチャ、または WebGL/WebGPU レンダリングに関連するタスクをトリガーします。
コマンドラインで threejs-webgl AI スキルを開発環境にすばやくインストール
ソース: freshtechbro/claudedesignskills。
Three.js is the industry-standard JavaScript library for creating 3D graphics in web browsers using WebGL and WebGPU. This skill provides comprehensive guidance for building performant, interactive 3D experiences including scenes, cameras, renderers, geometries, materials, lights, textures, and animations.
Three.js uses a hierarchical scene graph where all 3D objects are organized in a tree structure:
Use InstancedMesh for Repeated Objects For hundreds/thousands of identical objects, use InstancedMesh (see pattern above).
Three.js 3D Web 開発の総合的なスキル。このスキルは、インタラクティブな 3D シーン、WebGL/WebGPU アプリケーション、製品コンフィギュレーター、3D ビジュアライゼーション、または没入型 Web エクスペリエンスを構築するときに使用します。 Three.js、3D レンダリング、シーン、カメラ、メッシュ、マテリアル、ライト、アニメーション、テクスチャ、または WebGL/WebGPU レンダリングに関連するタスクをトリガーします。 ソース: freshtechbro/claudedesignskills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/freshtechbro/claudedesignskills --skill threejs-webglThree.js 3D Web 開発の総合的なスキル。このスキルは、インタラクティブな 3D シーン、WebGL/WebGPU アプリケーション、製品コンフィギュレーター、3D ビジュアライゼーション、または没入型 Web エクスペリエンスを構築するときに使用します。 Three.js、3D レンダリング、シーン、カメラ、メッシュ、マテリアル、ライト、アニメーション、テクスチャ、または WebGL/WebGPU レンダリングに関連するタスクをトリガーします。 ソース: freshtechbro/claudedesignskills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill threejs-webgl インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/freshtechbro/claudedesignskills