# Music Audio

> Music app design, playlist UX, album displays, audio player patterns, and music discovery.

- Skill: `dragoon0x/music-audio` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/music-audio`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/music-audio/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Product & Planning
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/music-audio

---


# Music & Audio Design

## Now Playing
- Large album art (primary visual element)
- Track info: title, artist, album
- Progress bar/timeline with elapsed and remaining time
- Controls: previous, play/pause, next, shuffle, repeat
- Volume slider
- Queue access
- Lyrics display (toggle)

## Library
- Tabs: Playlists, Albums, Artists, Songs, Downloaded
- Sort: recently added, alphabetical, most played
- Grid view for albums/playlists (album art dominant)
- List view for songs (compact, scan-friendly)

## Playlist
- Cover art (auto-generated collage or custom)
- Title, creator, description, song count, total duration
- Drag to reorder songs
- Add/remove songs
- Collaborative playlists: show contributors

## Discovery
- Personalized recommendations
- Genre/mood browsing
- New releases
- Charts/trending
- Artist radio / song radio
- Discover weekly / release radar style playlists

## Mobile Considerations
- Mini player bar (sticky bottom): album art, title, play/pause
- Swipe to skip tracks
- Control center / notification widget
- Bluetooth/AirPlay output selector
- Download for offline