How to Create UI Sound Effects with Claude
Generate custom UI sounds with Claude and ToolRouter. Sound design for buttons, toggles, and interactions.
Tool
Claude turns UI sound design into a collaborative session in your terminal. Describe the interaction -- tap, toggle, swipe -- and the feel you want, then iterate through conversation until each sound matches your interface perfectly. Claude maintains a consistent tonal family across all UI sounds because the entire set is designed in one creative session.
Connect ToolRouter to Claude
1Go to Settings → Connectors → Add custom connector
2Enter the details below and click Add
Name
ToolRouterURL
https://api.toolrouter.com/mcp3Done — works on Claude chat, desktop, and mobile
Steps
Once connected (see setup above), use the Sound Effect Generator tool:
- Ask Claude: "Generate a UI button click sound using sound-effect-generator" and describe the feel
- Claude creates the sound effect and returns the audio file
- Request: "Now generate matching sounds for toggle, swipe, and success confirmation"
- Download the complete UI sound set and integrate into your app
Example Prompt
Try this with Claude using the Sound Effect Generator tool
Generate a set of UI sound effects: soft button tap, toggle switch click, swipe gesture swoosh, and success chime. Modern, minimal, Apple-like quality.
Tips
- Keep UI sounds very short -- under 200 milliseconds for taps and clicks
- Ask Claude to maintain a consistent tonal family across all UI sounds
- Generate multiple options for each interaction and user-test them