Skill

/frame-macos-notification

拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告

shell

$ npx -y skills add nexu-io/html-anything --skill frame-macos-notification --agent claude-code

Installs just this skill. Get the whole plugin for auto-invocation.

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/frame-macos-notification

Context preview

The summary Claude sees to decide when to auto-load this skill.

拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告

Stats

Stars7,917

Forks772

LanguageHTML

LicenseApache-2.0

Ships with html-anything

SKILL.md

frame-macos-notification.SKILL.md

---
name: frame-macos-notification
zh_name: "macOS 通知横幅"
en_name: "macOS Notification Banner"
emoji: "🔔"
description: "拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告"
category: card
scenario: video
aspect_hint: "1920×1080 视频或 480×120 横幅"
featured: 41
tags: ["macos", "notification", "banner", "overlay", "frame"]
example_id: sample-frame-macos-notification
example_name: "macOS 通知 · 新功能发布"
example_format: markdown
example_tagline: "Big Sur 磨砂玻璃 banner"
example_desc: "App icon + 标题 + 双行正文, 视频角落叠加用"
example_source_url: "https://hyperframes.heygen.com/catalog"
example_source_label: "hyperframes · macos-notification"
---

【模板: macOS 通知横幅】
【意图】把一段公告 / 消息 / 提示渲染成 macOS Big Sur+ 风格的通知横幅, 适合视频角落叠加、产品发布预告、社媒图。Inspired by hyperframes macos-notification。

【画布】两种用法:
- 视频叠加 1920×1080, 通知放右上角, 周围透明。