dev-assets-vite-asset-loading

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

このClaudeスキルは、React Three Fiberアプリケーション向けに順次読み込み機能を備えたFBXモデル読み込みパターンを提供します。複数のキャラクターモデルを効率的に読み込みながら、順次読み込み戦略を通じてメモリ過負荷を防止します。本スキルには、3Dキャラクターアセットを扱うための適切なエラーハンドリングを実装した再利用可能なコンポーネントが含まれています。

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

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