dev-assets-model-loading

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.

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.

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.

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.