Sounds On The Web
This pulls audio feedback and synthesis rules from a larger UI/UX wiki covering 152 best practices across animations, CSS, typography, and interaction patterns. You'd reference it when adding sound to buttons, confirmations, or error states. The audio section is solid on accessibility (every sound needs a visual equivalent, respect prefers-reduced-motion) and Web Audio API implementation details like reusing AudioContext and using exponential decay for natural sound envelopes. It's opinionated about when not to add sound, which is honestly more useful than guides that encourage audio everywhere. The synthesis rules are brief but cover the basics of generating UI sounds with oscillators and filtered noise instead of loading files.
- skills.sh installs
- 153
- GitHub stars
- 947
- last updated
- Aug 21, 2026
Install
$ npx -y skills add raphaelsalaja/userinterface-wiki --skill sounds-on-the-web --agent claude-codeInstalls into .claude/skills of the current project.
Files
This pulls audio feedback and synthesis rules from a larger UI/UX wiki covering 152 best practices across animations, CSS, typography, and interaction patterns. You'd reference it when adding sound to buttons, confirmations, or error states. The audio section is solid on accessibility (every sound needs a visual equivalent, respect prefers-reduced-motion) and Web Audio API implementation details like reusing AudioContext and using exponential decay for natural sound envelopes. It's opinionated about when not to add sound, which is honestly more useful than guides that encourage audio everywhere. The synthesis rules are brief but cover the basics of generating UI sounds with oscillators and filtered noise instead of loading files.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/raphaelsalaja/userinterface-wiki
- Categories
- Documentation, Design & UI/UX
- First seen
- Jun 3, 2026
More from raphaelsalaja/userinterface-wiki
All 8Recommended
More Documentation
to-spring-or-not-to-springraphaelsalaja/userinterface-wikiAudit animation code for correct timing function selection. Use when reviewing motion implementations, debugging animations that feel wrong, or choosing between152skills.sh installsmastering-animate-presenceraphaelsalaja/userinterface-wikiAudit Motion/Framer Motion code for AnimatePresence best practices. Use when reviewing exit animations, modals, or presence state. Outputs file:line findings.147skills.sh installs
code-reviewcloudflare/cloudflare-docsReviews Workers and Cloudflare Developer Platform code for type correctness, API usage, and configuration validity. Load when reviewing TypeScript/JavaScript us144skills.sh installspseudo-elementsraphaelsalaja/userinterface-wikiAudit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs fi139skills.sh installs
cloudflarecloudflare/cloudflare-docsComprehensive Cloudflare platform skill covering Workers, Pages, storage (KV, D1, R2), AI (Workers AI, Vectorize, Agents SDK), networking (Tunnel, Spectrum), se132skills.sh installs