Use when creating audio from written descriptions - generates high-quality sound effects, musical tones, UI feedback sounds, ambient soundscapes, and game audio using Web Audio API for JavaScript. Triggered by requests like "create a button click sound", "generate a sci-fi whoosh", or "make an 8-bit power-up jingle".
/plugin marketplace add mthalman/superpowers/plugin install superpowers@claude-marketplaceThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/sound-design-patterns.mdreferences/web-audio-reference.mdThis skill enables the creation of high-quality procedural audio based on written descriptions. Generate sound effects, musical sequences, UI feedback sounds, ambient soundscapes, and game audio using the Web Audio API for JavaScript. All audio is created programmatically - no audio files required.
Use this skill when the user requests audio creation or sound generation from a text description:
Example triggers:
Analyze the user's description to identify:
Refer to references/sound-design-patterns.md for common audio patterns:
Each pattern includes complete code examples with explanations of key characteristics.
Use references/web-audio-reference.md for technical implementation:
Create a complete HTML file that:
Template structure:
<!DOCTYPE html>
<html>
<head>
<title>[Sound Name]</title>
</head>
<body>
<button id="playBtn">Play [Sound Name]</button>
<script>
let audioContext;
document.getElementById('playBtn').addEventListener('click', () => {
if (!audioContext) {
audioContext = new (window.AudioContext || window.webkitAudioContext)();
}
// Audio generation code here
});
</script>
</body>
</html>
After generating the code, briefly explain:
audioContext.currentTime for scheduling, not setTimeoutCombine multiple elements for professional results:
Button click: Sine wave, 800→400 Hz sweep, 50ms duration, sharp attack Success chime: Major chord arpeggio, triangle wave, ascending, 300ms Error buzz: Square wave, 220→110 Hz descending, 150ms, harsh Laser: Sawtooth, 1200→100 Hz fast sweep, bandpass filter, 150ms Whoosh: Filtered noise, sweeping bandpass 200→4000 Hz, stereo pan, 600ms Explosion: White noise + low sine thump, sweeping lowpass, 1.5s decay 8-bit power-up: Square wave, rapid arpeggio, bright frequencies Ocean waves: Looping filtered noise, slow LFO modulation, continuous
Comprehensive technical reference for the Web Audio API, including:
Load this file when technical details are needed about Web Audio API implementation.
Common audio patterns with complete code examples, including:
Load this file to find patterns matching the requested sound type and see complete implementations.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.