dev-assets-audio-loading
À propos
Cette compétence fournit des modèles de chargement audio pour les applications React Three Fiber/Three.js, spécifiquement pour ajouter des effets sonores, des musiques de fond et des audio positionnels dans des scènes 3D. Elle inclut des exemples de code pour l'audio positionnel avec propriétés spatiales et pour une simple implémentation d'audio HTML. Utilisez-la lorsque vous avez besoin d'intégrer et de gérer des ressources audio dans vos projets R3F.
Installation rapide
Claude Code
Recommandénpx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-assets-audio-loadingCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Compétences associées
dev-assets-vite-asset-loading
AutreCette compétence Claude fournit des modèles pour charger des ressources statiques dans Vite 6 tout en évitant la pollution du paramètre de requête '?import'. Elle est utile lorsque vous travaillez avec des modèles FBX, des images, des polices, ou que vous traitez le nouveau système de gestion des ressources de Vite 6. La compétence démontre les approches correctes pour charger des ressources à partir des répertoires public et src/assets avec des exemples de code pratiques.
dev-assets-texture-loading
AutreCette compétence Claude fournit des modèles de chargement de textures optimisés pour les applications React Three Fiber (R3F). Elle aide les développeurs à charger efficacement les textures d'image tout en optimisant l'utilisation de la mémoire et en configurant les paramètres de filtrage des textures. Utilisez cette compétence lors du chargement de textures pour les matériaux dans les scènes 3D afin d'appliquer les meilleures pratiques comme l'espace colorimétrique approprié, le mipmapping et la configuration de l'anisotropie.
dev-assets-model-loading
AutreCette compétence Claude fournit des modèles de chargement de fichiers FBX avec chargement séquentiel pour les applications React Three Fiber. Elle aide les développeurs à charger efficacement plusieurs modèles de personnages tout en évitant la surcharge mémoire grâce à des stratégies de chargement séquentiel. La compétence inclut des composants réutilisables avec une gestion d'erreurs appropriée pour travailler avec des assets de personnages 3D.
content-collections
MétaCette compétence propose une configuration éprouvée en production pour Content Collections, un outil axé sur TypeScript qui transforme des fichiers Markdown/MDX en collections de données typées de manière sûre avec une validation Zod. Utilisez-la lors de la création de blogs, de sites de documentation ou d'applications Vite + React riches en contenu pour garantir la sécurité de typage et la validation automatique du contenu. Elle couvre tout, de la configuration du plugin Vite et de la compilation MDX à l'optimisation des déploiements et la validation des schémas.
