UI Sound Design

Omdanner 'gør det mere snappy' til fungerende Web Audio API-lydkode med en live HTML-forhåndsvisning.

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

Testet · Virker ★ 9.6/10

UI Sound Design — Omdanner 'gør det mere snappy' til fungerende Web Audio API-lydkode med en live HTML-forhåndsvisning.

Hvad det gør

Genererer programmatiske UI-lydeffekter (klik, skift, notifikationer, succes/fejltoner) ved hjælp af Web Audio API og Tone.js-opskrifter. Udløses, når en bruger beder om kliklyde, notifikationsklokkespil, hover-feedback eller et UI-lydbibliotek, og driver en iterativ beskriv-generer-lyt-forfin-løkke via en ordforrådsbro, der mapper ord som 'varmere' eller 'snappier' til synteseparametre.

Testrapport

Fulgte opskriften for en 'succes'-lyd og fik en singleton AudioContext, en stigende-major-tredjedels-implementering med en fungerende WAV-eksport HTML-forhåndsvisning (verificeret OfflineAudioContext eksportkode); et naivt baseline-forsøg brugte en frisk AudioContext pr. kald og en flad enkelt tone uden eksportsti.

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

Installation

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-designOmdanner 'gør det mere snappy' til fungerende Web Audio API-lydkode med en live HTML-forhåndsvisning.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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

Læs hele rapporten →