dev-assets-model-loading

このスキルは、React Three Fiber/Three.jsアプリケーション向けに、3Dシーン内での効果音、背景音楽、位置音響の追加を目的としたオーディオ読み込みパターンを提供します。空間特性を持つ位置音響と、シンプルなHTMLオーディオ実装の両方のコード例を含みます。R3Fプロジェクトでオーディオアセットの統合と管理が必要な場合にご利用ください。

このClaude Skillは、Vite 6において静的アセットをロードする際のパターンを提供し、「?import」クエリパラメータの汚染を回避します。FBXモデル、画像、フォントの取り扱いや、Vite 6の新しいアセット処理システムに対応する際に有用です。このスキルでは、publicディレクトリとsrc/assetsディレクトリの両方からアセットをロードする正しいアプローチを、実践的なコード例とともに示しています。

このClaudeスキルは、React Three Fiber（R3F）アプリケーション向けに最適化されたテクスチャ読み込みパターンを提供します。開発者が画像テクスチャを効率的に読み込みながら、メモリ使用量を最適化し、テクスチャフィルタリング設定を構成することを支援します。3Dシーンのマテリアル用テクスチャを読み込む際に、適切なカラースペース、ミップマッピング、異方性フィルタリング設定などのベストプラクティスを適用するために、このスキルをご利用ください。

このスキルは、Content Collections（Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール）の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。