UI Sound Design

Gjør 'gjør det mer kjapt' om til fungerende Web Audio API-lydkode, med en live HTML-forhåndsvisning.

av dannyjpwilliams · dannyjpwilliams/ui-sound-design-skill

Bestått ★ 9.6/10

UI Sound Design — Gjør 'gjør det mer kjapt' om til fungerende Web Audio API-lydkode, med en live HTML-forhåndsvisning.

Hva den gjør

Genererer programmatiske UI-lydeffekter (klikk, vekslebrytere, varsler, suksess/feil-toner) ved hjelp av Web Audio API og Tone.js-oppskrifter. Utløses når en bruker ber om klikkelyder, varslingsbjeller, hover-tilbakemelding, eller et UI-lydbibliotek, og driver en iterativ beskriv-generer-lytt-forbedre-løkke via en vokabularbro som mapper ord som 'varmere' eller 'kjappere' til synteseparametere.

Testrapport

Fulgte oppskriften for en 'suksess'-lyd og fikk en singleton-AudioContext, stigende-major-tredjedels implementasjon med en fungerende WAV-eksport HTML-forhåndsvisning (verifisert OfflineAudioContext eksportkode); et naivt grunnlinjeforsøk brukte en ny AudioContext per kall og en flat enkelt tone uten eksportsti.

Testet på: 2026-07-15 · Claude Code 2.x (agent harness)

Installer

git clone https://github.com/dannyjpwilliams/ui-sound-design-skill
cd ui-sound-design-skill
mkdir -p ~/.claude/skills
cp -r skills/ui-sound-design ~/.claude/skills/ui-sound-design

Kommandoer og eksempelprompter

/ui-sound-designGjør 'gjør det mer kjapt' om til fungerende Web Audio API-lydkode, med en live HTML-forhåndsvisning.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

Make a satisfying click sound for this button using Web Audio API
I need a notification chime for new messages in my app
Build a UI sound library with hover, toggle, and success tones

Full rapport →