frame-macos-notification
SkillRealistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.
Install
git clone https://github.com/nexu-io/open-design.git ~/.claude/skills/frame-macos-notificationWhat is frame-macos-notification?
Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.
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
~28 tokens of context used while enabled, before you invoke anything
Documentation
README · ~1 min read【模板: macOS 通知横幅】 【意图】把一段公告 / 消息 / 提示渲染成 macOS Big Sur+ 风格的通知横幅, 适合视频角落叠加、产品发布预告、社媒图。Inspired by hyperframes macos-notification。
【画布】两种用法:
- 视频叠加 1920×1080, 通知放右上角, 周围透明。
- 单独 banner 480×120, 居中输出。
【横幅结构】
- 外框: 圆角 14px (macOS Big Sur 标准), 480×120 (或更长 480×180 含正文), 12-16px 内边距。
- 背景: frosted glass 效果 —
background: rgba(245,245,247,0.78)+backdrop-filter: blur(40px) saturate(180%); 暗色版rgba(28,28,30,0.78)。 - 边框: 1px
rgba(0,0,0,0.06)(light) /rgba(255,255,255,0.08)(dark); 顶部加 1px 亮 highlightrgba(255,255,255,0.5)。 - 阴影:
0 10px 40px rgba(0,0,0,0.18), 0 2px 6px rgba(0,0,0,0.08)。
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.
Skillssimilar to this one
All skills →hook-development
This skill should be used when the user asks to "create a hook", "add a PreToolUse/PostToolUse/Stop hook", "validate tool use", "implement prompt-based hooks", "use ${CLAUDE_PLUGIN_ROOT}", "set up event-driven automation", "block dangerous commands", or mentions hook events (PreToolUse, PostToolUse,
32.8K stars
access
Manage Telegram channel access — approve pairings, edit allowlists, set DM/group policy. Use when the user asks to pair, approve someone, check who's allowed, or change policy for the Telegram channel.
32.8K stars
Claude-to-IM-skill
Bridge Claude Code / Codex to IM platforms — chat with AI coding agents from Telegram, Discord, or Feishu/Lark.
2.8K stars
MCP Servers
All mcp servers →slack-mcp-server
The most powerful MCP Slack Server with no permission requirements, Apps support, GovSlack, DMs, Group DMs and smart history fetch logic.
1.8K stars
yuna0x0-hackmd-mcp
Interact with your HackMD notes and teams seamlessly. Manage your notes, view reading history, and…
64 stars
gmail
Read emails, send messages, and manage labels in your Gmail account.
58 stars
Plugins
All plugins →discord
Discord messaging bridge with built-in access control. Manage pairing, allowlists, and policy via /discord:access.
32.9K stars
telegram
Telegram messaging bridge with built-in access control. Manage pairing, allowlists, and policy via /telegram:access.
32.9K stars
imessage
iMessage messaging bridge with built-in access control. Reads chat.db directly, sends via AppleScript. Manage pairing, allowlists, and policy via /imessage:access.
32.9K stars