amw-ui-sound-design

Describe the sound in plain language, including its trigger, emotional tone, and prominence. The Skill matches it to one of nine recipes (click, toggle, hover, success, error, warning, notification, whoosh, pop) and outputs working oscillator or noise-based synthesis code.

Use FM synthesis: connect a modulator oscillator through a gain node to the carrier oscillator's frequency parameter. A modulator ratio around 1.4 with decaying modulation depth produces an inharmonic, bell-like tone suitable for notifications.

Use Tone.js for fast prototyping and complex synthesis like FM or granular effects. Use vanilla Web Audio for production when bundle size matters or for simple sounds like clicks and toggles. The references include a conversion guide between the two.

Exponential ramps cannot target zero because exponential curves never reach it mathematically. Always ramp to 0.001 instead, which is inaudible but valid. Also call setValueAtTime before any ramp to define the starting point.

Browsers block audio until a user gesture such as a click or keydown. Initialize or resume the AudioContext inside an event handler, and always check for a suspended state and call resume() before playing.

Yes. Run the bundled CLI analyzer on a .wav reference file to get a sound profile with envelope, pitch, and spectral data. The profile maps to recipe starting points and parameter overrides, giving a synthesized approximation you refine by listening.