html-anything is a local AI-assisted HTML editor in which coding-agent command-line tools create documents such as articles, presentations, posters, prototypes, and reports from reusable templates. People use it to produce HTML and export it to services such as WeChat, X, and Zhihu or to HTML and PNG files. The catalogue entries are the skills and instructions that define its output surfaces and workflows.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add nexu-io/html-anything --skill frame-macos-notificationgit clone --depth 1 https://github.com/nexu-io/html-anythingWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/nexu-io/html-anything/frame-macos-notification)<a href="https://agentmods.dev/skills/nexu-io/html-anything/frame-macos-notification"><img src="https://agentmods.dev/badge/skills/nexu-io/html-anything/frame-macos-notification/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/nexu-io/html-anything/frame-macos-notification"><img src="https://agentmods.dev/badge/skills/nexu-io/html-anything/frame-macos-notification.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00031 | $0.00949 |
| Opus 5 | $0.00015 | $0.00475 |
| Sonnet 5 | $0.00006 | $0.00190 |
| Haiku 4.5 | $0.00003 | $0.00095 |
Grade A, and why
frame-macos-notification scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
Copies of this mod
1 near-identical copy found in the catalogue:
- frame-macos-notification — 88% identical, 12 lines differ
What it actually says
【模板: 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)。
【内容】
- 左侧: App icon (44×44, 圆角 10px, CSS gradient + 1 个 emoji 或 monogram 字母, 不用外链图片)。
- 中间:
- 顶部 row: App 名 (SF Pro 13px, weight 600) +
now或具体时间 (12px, opacity 0.6) — 两端对齐。 - 标题 (15px, weight 600, 1 行截断)。
- 正文 (13px, weight 400, 1-2 行截断, line-height 1.35)。
- 顶部 row: App 名 (SF Pro 13px, weight 600) +
- 右侧 (可选): action button "Open" 或 "Reply" (capsule, 浅灰底)。
【字体】
- 主:
SF Pro Text→ fallbackInter/system-ui; 中文用PingFang SC/Noto Sans SC。
【可选附加】
- 多条通知堆叠: 第一条在前, 后面 2 条向后向下递缩 (scale 0.96 + opacity 0.6 + translateY)。
- 入场动效: 从屏幕外右侧滑入
transform: translateX(110%)→0, 200ms ease-out; 可被prefers-reduced-motion关闭。 - 右上角控制 chip "Clear" (hover 显示, opacity 默认 0)。
【设计细节】
- light mode 背景白磨砂, dark mode (推荐 video) 几乎黑磨砂。
- icon 不能用外链 emoji 图片, 用 unicode emoji 或 CSS 绘制几何。
- 必须用用户提供的内容; 标题 + 正文清晰来自用户输入。
- 单文件 HTML, 注意
backdrop-filterSafari 需要-webkit-前缀。
What ships with it
2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 10d ago First seen · 55 lines · 31 tokens per session scan A bcfe3092e297
frame-macos-notification is a skill published in the GitHub repository nexu-io/html-anything (8,715 stars, last pushed 17d ago), licensed Apache-2.0. It adds 31 tokens to every session and 949 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
frame-macos-notification
Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.
frame-macos-notification
Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.
frame-macos-notification
Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.
frame-macos-notification
A visual template for a macOS-style notification banner with an app icon, title, message text, and optional action button.
frame-flowchart-sticky
SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.
frame-glitch-title
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.