·ui-sound-design
*

ui-sound-design

Programmatic UI sound design using Web Audio API and Tone.js. Use when creating click sounds, notification chimes, toggle feedback, hover sounds, success/error audio, whoosh effects, or building a sound library for UI interactions. Provides an iterative describe-generate-listen-refine workflow with audio engineering knowledge translated into plain English.

48Installs·0Trend·@dannyjpwilliams

Installation

$npx skills add https://github.com/dannyjpwilliams/ui-sound-design-skill --skill ui-sound-design

How to Install ui-sound-design

Quickly install ui-sound-design AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dannyjpwilliams/ui-sound-design-skill --skill ui-sound-design
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dannyjpwilliams/ui-sound-design-skill.

SKILL.md

View raw

Describe what your UI should sound like. Preview it, tweak it, and download it from the browser.

Translate plain-English sound descriptions into working Web Audio API code. No audio engineering background needed — describe what you want to hear, and this skill provides the synthesis knowledge to make it real.

Every sound follows this loop: Describe → Generate → Listen → Refine (with optional Review for auditing existing code)

Programmatic UI sound design using Web Audio API and Tone.js. Use when creating click sounds, notification chimes, toggle feedback, hover sounds, success/error audio, whoosh effects, or building a sound library for UI interactions. Provides an iterative describe-generate-listen-refine workflow with audio engineering knowledge translated into plain English. Source: dannyjpwilliams/ui-sound-design-skill.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dannyjpwilliams/ui-sound-design-skill --skill ui-sound-design
Category
*Creative Media
Verified
First Seen
2026-02-24
Updated
2026-03-10

Browse more skills from dannyjpwilliams/ui-sound-design-skill

Quick answers

What is ui-sound-design?

Programmatic UI sound design using Web Audio API and Tone.js. Use when creating click sounds, notification chimes, toggle feedback, hover sounds, success/error audio, whoosh effects, or building a sound library for UI interactions. Provides an iterative describe-generate-listen-refine workflow with audio engineering knowledge translated into plain English. Source: dannyjpwilliams/ui-sound-design-skill.

How do I install ui-sound-design?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dannyjpwilliams/ui-sound-design-skill --skill ui-sound-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/dannyjpwilliams/ui-sound-design-skill

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-24

Related Skills

None