Menu
Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.
Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.
npx skills add https://github.com/skeletorflet/opencode-supreme-setup --skill social-spotify-cardO comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.
Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.
Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.
Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.
Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, testing web apps, dogfooding Open Design previews, QA, bug hunts, or reviewing app quality. Prefer local Open Design preview URLs unless the user explicitly asks for external browsing.
Baseado na classificação ocupacional SOC
Exibindo SKILL.md
| name | social-spotify-card |
| zh_name | Spotify 正在播放卡 |
| en_name | Spotify Now-Playing Card |
| emoji | 🎵 |
| description | Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页 |
| category | card |
| scenario | personal |
| aspect_hint | 1280×720 或 600×200 |
| featured | 43 |
| tags | ["spotify","music","now-playing","card","overlay"] |
| example_id | sample-social-spotify-card |
| example_name | Spotify Now Playing · Lo-Fi |
| example_format | markdown |
| example_tagline | Spotify 经典 dark 卡 |
| example_desc | Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行 |
| example_source_url | https://hyperframes.heygen.com/catalog |
| example_source_label | hyperframes · spotify-card |
| od | {"mode":"prototype","surface":"web","platform":"desktop","scenario":"personal","upstream":"https://github.com/nexu-io/html-anything","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"用「Spotify 正在播放卡」模板把我的内容做成一份「Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"} |
【模板: Spotify Now-Playing 卡】 【意图】把一首歌、一段播客、或一段个人介绍渲染成 Spotify 正在播放卡, 适合 video overlay / 个人 about page / 创作者 hero。Inspired by hyperframes spotify-card。
【画布】两个尺寸:
【卡片结构】
linear-gradient(135deg, #1e3264 0%, #0d1f3d 100%)) 或 Spotify 经典 #121212; 边缘有 1px subtle border。NOW PLAYING (uppercase letterspace 0.14em, 11px, 绿色 #1DB954)。width: 38%); 两端时间戳 1:24 / 3:42 (mono, 11px, 灰)。#1DB954 圆 + 三道白色波纹)。@keyframes)。【字体】
Spotify Circular → fallback Inter / Inter Tight, weight 400 / 700。【设计细节】
#121212 bg, #1DB954 accent, #b3b3b3 secondary text。@keyframes, 可被 prefers-reduced-motion 关闭。