dev-assets-audio-loading

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

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

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

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