Music Audio

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

dragoon0x faddd1f 1.2 KB Updated

File contents

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

dragoon0x/everything-design-taste/tree/main/skills/music-audio commit faddd1f67f

Frequently asked questions

npx skillmds@latest add dragoon0x/music-audio