social-spotify-card

01 前言 Front Matter

od

{ "mode": "prototype", "preview": { "type": "html", "entry": "index.html", "reload": "debounce-100" }, "surface": "web", "platform": "desktop", "scenario": "personal", "upstream": "https://github.com/nexu-io/html-anything", "design_system": { "requires": false }, "example_prompt": "Use the Spotify Now-Playing Card template to turn my content into a Spotify Now Playing-style card with album art, progress bar, and playback controls for a video overlay or personal homepage. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.", "example_prompt_i18n": { "zh-CN": "用「Spotify 正在播放卡」模板把我的内容做成一份「Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。" } }

name

social-spotify-card

tags

[ "spotify", "music", "now-playing", "card", "overlay" ]

emoji

🎵

en_name

Spotify Now-Playing Card

zh_name

Spotify 正在播放卡

category

card

featured

43

scenario

personal

example_id

sample-social-spotify-card

aspect_hint

1280×720 或 600×200

description

Spotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.

example_desc

Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行

example_name

Spotify Now Playing · Lo-Fi

en_description

Spotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.

example_format

markdown

zh_description

Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页

example_tagline

Spotify 经典 dark 卡

example_source_url

https://hyperframes.heygen.com/catalog

example_source_label

hyperframes · spotify-card

02 资源文件 2

• 参考文档example.html4.4 KB
• 参考文档example.md342 B

03 SKILL.md 正文