webaudio
JOYCO Suno — Sound Effects Skill
This skill installs and scaffolds sound-effect playback in a web app using @joycostudio/suno. It picks the right entry point (vanilla vs React, with or without a Mixer), writes a typed manifest, and wires an unlock gesture so audio actually plays.
When to use
Use this skill when the user wants to:
- Play a sound on button click, hover, or any UI interaction.
- Add ambient loops or game audio.
- Overlap or crossfade multiple sounds.
- Apply effects (filter, reverb, delay) to sounds.
- Slow down / speed up all audio globally (pause menus, bullet time).
Do not use this skill for:
- Building a music player UI with transport controls — this library is optimized for sound effects, not media playback UIs.
- Audio recording, streaming, or microphone input.
More from joyco-studio/skills
pr-description-writer
>
37parallel-claudes
>
32markdown-content
>
31trace-audit
Analyze a Chrome DevTools Performance trace JSON file for performance anomalies, producing a structured audit report with critical issues, warnings, metrics, timeline hotspots, and actionable recommendations.
30joyco-lab
Use this skill whenever the user wants to isolate a piece of code, animation, or 3D experiment into a standalone JOYCO Lab experiment and publish it. Triggers include: \"isolate this\", \"publish this to the lab\", \"create a lab experiment\", \"extract this animation/effect/scene\", \"submit to JOYCO lab\", \"make this an experiment\". Also trigger when the user shows you a self-contained visual effect, animation, 3D scene, canvas sketch, or interactive component and wants to share or showcase it. Even if they don't say \"lab\" explicitly — if there's isolatable creative/technical code and a desire to share it, use this skill.
21thrash-report-analyzer
>
12