Back to Skills

dev-assets-audio-loading

majiayu000
Updated 7 days ago
19 views
58
9
58
View on GitHub
Othergeneral

About

This skill provides audio loading patterns for React Three Fiber/Three.js applications, specifically for adding sound effects, background music, and positional audio in 3D scenes. It includes code examples for both positional audio with spatial properties and simple HTML audio implementation. Use this when you need to integrate and manage audio assets in your R3F projects.

Quick Install

Claude Code

Recommended
Primary
npx skills add majiayu000/claude-skill-registry -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternative
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-assets-audio-loading

Copy and paste this command in Claude Code to install this skill

GitHub Repository

majiayu000/claude-skill-registry
Path: skills/data/dev-assets-audio-loading
0

Related Skills

dev-assets-vite-asset-loading

Other

This Claude Skill provides patterns for loading static assets in Vite 6 while avoiding '?import' query parameter pollution. It's useful when working with FBX models, images, fonts, or dealing with Vite 6's new asset handling system. The skill demonstrates correct approaches for loading assets from both public and src/assets directories with practical code examples.

View skill

dev-assets-texture-loading

Other

This Claude Skill provides optimized texture loading patterns for React Three Fiber (R3F) applications. It helps developers load image textures efficiently while optimizing memory usage and configuring texture filtering settings. Use this skill when loading textures for materials in 3D scenes to apply best practices like proper color space, mipmapping, and anisotropy configuration.

View skill

dev-assets-model-loading

Other

This Claude Skill provides FBX model loading patterns with sequential loading for React Three Fiber applications. It helps developers load multiple character models efficiently while preventing memory overload through sequential loading strategies. The skill includes reusable components with proper error handling for working with 3D character assets.

View skill

content-collections

Meta

This skill provides a production-tested setup for Content Collections, a TypeScript-first tool that transforms Markdown/MDX files into type-safe data collections with Zod validation. Use it when building blogs, documentation sites, or content-heavy Vite + React applications to ensure type safety and automatic content validation. It covers everything from Vite plugin configuration and MDX compilation to deployment optimization and schema validation.

View skill