sounds-on-the-web
✓Directives de retour audio pour les interfaces Web. À utiliser lors de l'ajout de son aux interactions, de la conception de confirmations ou d'états d'erreur, de la création de notifications ou de la révision de l'UX audio. Déclencheurs sur des tâches impliquant des sons de retour d'utilisateur, l'API Web Audio ou des modèles de conception multisensoriels.
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. |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill sounds-on-the-web- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que sounds-on-the-web ?
Directives de retour audio pour les interfaces Web. À utiliser lors de l'ajout de son aux interactions, de la conception de confirmations ou d'états d'erreur, de la création de notifications ou de la révision de l'UX audio. Déclencheurs sur des tâches impliquant des sons de retour d'utilisateur, l'API Web Audio ou des modèles de conception multisensoriels. Source : raphaelsalaja/userinterface-wiki.
Comment installer sounds-on-the-web ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill sounds-on-the-web Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/raphaelsalaja/userinterface-wiki
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01