ClaudeSuperPower
SubmitLog in

social-spotify-card

Skill

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

0Media

Install

git clone https://github.com/nexu-io/open-design.git ~/.claude/skills/social-spotify-card

What is social-spotify-card?

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

What this can do

Capabilities declared in this component's own frontmatter — not inferred.

Inherit all session tools

Declares no tool restrictions — inherits every session tool

~33 tokens of context used while enabled, before you invoke anything

Documentation

README · ~1 min read

【模板: Spotify Now-Playing 卡】 【意图】把一首歌、一段播客、或一段个人介绍渲染成 Spotify 正在播放卡, 适合 video overlay / 个人 about page / 创作者 hero。Inspired by hyperframes spotify-card。

【画布】两个尺寸:

  • 横版视频叠加: 1280×720, 卡片居中或左下角浮动。
  • 紧凑横条 widget: 600×200, 可嵌入到任何 hero。

【卡片结构】

  • 外框: 圆角 12-16px; bg 用专辑封面色提取的暗渐变 (e.g. linear-gradient(135deg, #1e3264 0%, #0d1f3d 100%)) 或 Spotify 经典 #121212; 边缘有 1px subtle border。
  • 左侧: 专辑封面 (CSS 渐变 + 大字 monogram 或抽象几何描绘, 不能外链图片), 圆角 6px, 60-200px 方形。
  • 右侧:
    • 顶部 NOW PLAYING (uppercase letterspace 0.14em, 11px, 绿色 #1DB954)。

Reviews

Log in to leave a review.

No reviews yet — be the first.

Explore related

Other things in this space — across every part of the ecosystem, not just skills.