Summary
This one gives you working audio components for web projects: a custom player with progress bars and volume controls, a podcast interface with episode lists, waveform visualizations using the Web Audio API, and recording hooks. The React/TypeScript examples are complete enough to drop in and adapt. Good for when you need something more custom than a basic HTML5 audio tag but don't want to wrestle with Web Audio API syntax from scratch. The code leans heavily on hooks and refs, so you'll want to understand React's audio handling patterns. It's practical stuff for music apps, podcast sites, or anything that needs interactive sound beyond just embedding a file.
Install to Claude Code
npx -y skills add daffy0208/ai-dev-standards --skill audio-producer --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
