SuperAPI AI Directory

hyperframes-fx-spotify-card

Design & creation

View repository

Updated 10-15 20:10

About this skill

Spotify Card

When to use

  • Music, playlist, podcast content
  • Brand collaboration, music curation
  • 톤: brand (music), emotional
  • Recommended duration: 4–5초

Install

npx hyperframes add spotify-card

→ compositions/spotify-card.html.

Wiring

<div data-composition-src="compositions/spotify-card.html"
     data-start="10" data-duration="5"
     data-track-index="0"
     data-width="1080" data-height="1350">
</div>

Parameters

  • Album art, song title, artist, and progress are configured inside the block

짝

  • Good fit: grain-overlay, light-leak (musical sensibility)
  • Avoid: does not go well with a hard tech tone