UI Sound Design

Převádí 'udělej to svižnější' na funkční kód Web Audio API se zvukovými efekty a živým HTML náhledem.

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

Otestováno · Funguje ★ 9.6/10

UI Sound Design — Převádí 'udělej to svižnější' na funkční kód Web Audio API se zvukovými efekty a živým HTML náhledem.

Co umí

Generuje programové UI zvukové efekty (kliky, přepínače, notifikace, tóny úspěchu/chyby) pomocí Web Audio API a receptů Tone.js. Spouští se, když uživatel požádá o zvuky kliknutí, notifikační zvonění, zpětnou vazbu při najetí myší nebo knihovnu UI zvuků, a řídí iterativní smyčku popiš-generuj-poslechni-vylepši pomocí slovníkového můstku, který mapuje slova jako 'teplejší' nebo 'svižnější' na parametry syntézy.

Testovací report

Postupoval podle receptu pro zvuk 'úspěchu' a získal singleton-AudioContext, implementaci vzestupné velké tercie s funkčním HTML náhledem pro export WAV (ověřen kód pro export OfflineAudioContext); naivní základní pokus použil čerstvý AudioContext na každý hovor a plochý jednoduchý tón bez cesty pro export.

Testováno: 2026-07-15 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

/ui-sound-designPřevádí 'udělej to svižnější' na funkční kód Web Audio API se zvukovými efekty a živým HTML náhledem.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

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

Kompletní testovací report (anglicky) →