sounds-on-the-web
✓Audio feedback guidelines for web interfaces. Use when adding sound to interactions, designing confirmations or error states, building notifications, or reviewing audio UX. Triggers on tasks involving user feedback sounds, Web Audio API, or multi-sensory design patterns.
Installation
SKILL.md
Sound is the forgotten sense in web design. The auditory cortex processes sound in 25ms—nearly 10x faster than visual processing. A button that clicks feels faster than one that doesn't, even when visual feedback is identical.
| Speed | Sound reaches the brain faster than visuals (25ms vs 250ms) | | Presence | Audio crosses the boundary between device and environment | | Emotion | A single tone communicates success, error, tension, or playfulness | | Complement | Sound should enhance, never replace visual feedback |
| "Users will hate it" | Only if done poorly. Subtle, appropriate, optional sounds are not intrusive. | | "It's inaccessible" | Sound complements, never replaces. Every audio cue needs a visual equivalent. | | "It's technically complicated" | Basic audio playback is straightforward. Implementation burden is low. |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill sounds-on-the-web- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is sounds-on-the-web?
Audio feedback guidelines for web interfaces. Use when adding sound to interactions, designing confirmations or error states, building notifications, or reviewing audio UX. Triggers on tasks involving user feedback sounds, Web Audio API, or multi-sensory design patterns. Source: raphaelsalaja/userinterface-wiki.
How do I install sounds-on-the-web?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill sounds-on-the-web Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/raphaelsalaja/userinterface-wiki
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01