CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

frame-macos-notification

Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.

68

Quality

85%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

The canonical home for this skill is frame-macos-notification in nexu-io/open-design

SKILL.md
Quality
Evals
Security

Quality

Content

92%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The content is an exceptionally lean, concrete design spec: every dimension of the banner (geometry, frosted-glass background, border, shadow, typography, optional extras) is given as exact, implementable values. The only gap is the absence of a minimal assembled HTML example, which keeps actionability at 4 rather than 5.

DimensionReasoningScore

Conciseness

The body is a lean design spec — exact px values, rgba colors, blur radii, font sizes/weights — with zero padding and no explanation of concepts Claude already knows; every token earns its place.

5 / 5

Actionability

Guidance is highly concrete ('background: rgba(245,245,247,0.78) + backdrop-filter: blur(40px) saturate(180%)', '圆角 14px', 'SF Pro 13px weight 600', the -webkit- prefix note), but there is no assembled example HTML, so it stops short of copy-paste-ready code — 'mostly executable guidance with minor gaps'.

4 / 5

Workflow Clarity

This is a simple, single-purpose skill under 50 lines whose single action (render the banner) is unambiguous, with the two usage modes (1920×1080 video overlay vs. 480×120 standalone banner) clearly stated; per the simple-skill scoring note it can score 5, and no destructive/batch-operation cap applies.

5 / 5

Progressive Disclosure

The body is under 50 lines with no need for external references (no references/, scripts/, or assets/ bundle files exist) and is organized into clear labeled sections (画布, 横幅结构, 内容, 字体, 可选附加, 设计细节), satisfying the <50-line exception for a top score.

5 / 5

Total

19

/

20

Passed

Description

73%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description names a specific, distinctive artifact with good natural trigger terms and an explicit use context, but it is a noun-phrase description of the output rather than a statement of capability, and lacks an explicit 'Use when...' trigger clause. Solid but with clear room to sharpen the action and trigger phrasing.

Suggestions

Lead with an explicit action verb (e.g., 'Renders/Creates a realistic macOS notification banner...') so the capability, not just the artifact, is stated.

Add an explicit 'Use when...' clause with concrete triggers, e.g., 'Use when the user asks for a macOS/iOS-style notification, toast, or alert banner for a video overlay or product teaser.'

Include common synonyms such as 'toast', 'push notification', or 'alert banner' to broaden natural trigger coverage.

DimensionReasoningScore

Specificity

Names the domain ('macOS notification banner') and concrete artifact components ('app icon, title, and body'), but describes the output object rather than listing actions, so it is not comprehensive — matching the 'names domain and 1-2 concrete actions, but not comprehensive' anchor rather than the 'several specific actions' of level 4.

3 / 5

Completeness

The 'what' is clear (a realistic macOS notification banner with icon, title, body), and 'when' is given explicitly as 'suited to video overlays or product teasers' — but without a 'Use when...' trigger clause it fits 'has both what and when; when could be more explicit or specific' rather than the fully explicit level-5 anchor.

4 / 5

Trigger Term Quality

'macOS', 'notification', 'banner', 'video overlays', and 'product teasers' are natural phrases a user would say, but common synonyms like 'toast', 'push notification', or 'alert' are missing, matching 'good keyword coverage; a few natural terms missing'.

4 / 5

Distinctiveness Conflict Risk

'Realistic macOS notification banner' is a clear niche with distinct, specific trigger terms (macOS, notification banner, video overlay) and minimal overlap with other skills.

5 / 5

Total

16

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

nexu-io/open-design

Path

plugins/_official/examples/frame-macos-notification/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.