CtrlK
BlogDocsLog inGet started
Tessl Logo

frame-macos-notification

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

65

Quality

78%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/frame-macos-notification/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

100%

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

The body is a tight, well-structured design specification with concrete copy-paste CSS values and exact dimensions, clear single-purpose organization, and no unnecessary concept explanations or nested references.

DimensionReasoningScore

Conciseness

The body is a lean, dense design spec with concrete values and no padding explaining concepts Claude already knows; every section earns its tokens.

3 / 3

Actionability

Provides exact copy-paste-ready CSS (e.g. 'background: rgba(245,245,247,0.78)' and 'backdrop-filter: blur(40px) saturate(180%)') and precise pixel dimensions; as an instruction-only template spec the guidance is concrete and actionable.

3 / 3

Workflow Clarity

A single unambiguous task organized into clear sections (canvas, structure, content, fonts, optional additions, design details), with no destructive or batch operation requiring validation checkpoints.

3 / 3

Progressive Disclosure

Under 50 lines with no need for external references and well-organized sections, satisfying the simple-skill allowance for a top progressive-disclosure score.

3 / 3

Total

12

/

12

Passed

Description

57%

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 concretely names the output and its use contexts and occupies a distinct niche, but it lacks an explicit 'Use when…' trigger clause and natural keyword variations, leaving completeness and trigger coverage at the mid level.

Suggestions

Add an explicit trigger clause, e.g. 'Use when creating a macOS-style notification banner for a video overlay, product teaser, or social graphic.'

Expand natural trigger terms to include variations users might say, such as 'alert', 'push notification', 'notification overlay', or 'Big Sur banner'.

Lead with the concrete action verb (e.g. 'Renders…' or 'Builds…') to sharpen the capability statement.

DimensionReasoningScore

Specificity

Names the domain ('macOS notification banner') and concrete output elements ('app icon, title, and body') plus use contexts, but describes a single rendered output rather than enumerating multiple distinct actions.

2 / 3

Completeness

The 'what' is clear (a realistic notification banner with icon/title/body), but the 'when' is only implied via 'suited to' with no explicit 'Use when…' trigger clause, which caps completeness at 2.

2 / 3

Trigger Term Quality

'macOS notification banner', 'video overlays', and 'product teasers' are natural terms a user would say, but common variations like 'alert', 'push notification', or 'banner overlay' are missing.

2 / 3

Distinctiveness Conflict Risk

'macOS notification banner' is a clear, narrow niche with distinct triggers that is unlikely to collide with other skills.

3 / 3

Total

9

/

12

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.

Validation15 / 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
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.