Give your coding agent the audio/ui skill so it picks the right layer, installs the right component and avoids common mistakes.
The audio/ui skill gives a coding agent the library's rules: when to use the npm primitives and when the shadcn registry, which component fits a task, how to install it, and the mistakes that come up most often.
Works with Claude Code, Cursor, Codex and any agent that supports the open skills format.
The skill lives in the audio-ui repository. To install it by hand, copy the skills/audio-ui folder into your agent's skills directory (for Claude Code, .claude/skills/).
Once installed, the agent uses it whenever you ask for a knob, fader, XY pad, meter, waveform, timeline, sequencer, piano roll or any synth, mixer or DAW interface in React. It will:
The skill works best next to the MCP server, which lets the agent look up components and docs live instead of relying on memory.