返回技能列表

dev-assets-audio-loading

majiayu000
更新于 7 days ago
18 次查看
58
9
58
在 GitHub 上查看
其他general

关于

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.

快速安装

Claude Code

推荐
主要方式
npx skills add majiayu000/claude-skill-registry -a claude-code
插件命令备选方式
/plugin add https://github.com/majiayu000/claude-skill-registry
Git 克隆备选方式
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-assets-audio-loading

在 Claude Code 中复制并粘贴此命令以安装该技能

GitHub 仓库

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

相关推荐技能

dev-assets-vite-asset-loading

其他

这个Skill提供了Vite 6中处理静态资产(如FBX模型、图像、字体)的最佳实践,特别解决了避免`?import`查询参数污染的问题。它展示了如何正确从public目录和src/assets目录加载资产,包括使用绝对路径和new URL()的实用方法。开发者可以快速应用这些模式来处理Vite 6的新资产处理机制,确保资产加载的稳定性和兼容性。

查看技能

dev-assets-texture-loading

其他

这个Skill为R3F开发者提供了纹理加载和优化的最佳实践。它包含预设的纹理配置(色彩空间、mipmaps、各向异性过滤等),适用于加载图像纹理并优化内存使用。使用时只需导入并应用推荐的设置模式即可提升3D场景性能。

查看技能

dev-assets-model-loading

其他

这个Skill提供了React Three Fiber中FBX模型加载的最佳实践,特别适用于处理多个角色模型的场景。它通过顺序加载机制防止内存过载,并包含完善的错误处理组件。开发者可以快速创建可复用的角色模型组件,优化3D应用的性能表现。

查看技能

content-collections

Content Collections 是一个 TypeScript 优先的构建工具,可将本地 Markdown/MDX 文件转换为类型安全的数据集合。它专为构建博客、文档站和内容密集型 Vite+React 应用而设计,提供基于 Zod 的自动模式验证。该工具涵盖从 Vite 插件配置、MDX 编译到生产环境部署的完整工作流。

查看技能