CtrlK
BlogDocsLog inGet started
Tessl Logo

glass-dark-mode-clock

Create a dark glass design system with frosted shells, soft beam grids, circular clock-like calibration dials, and precise sci-fi instrument framing.

62

Quality

72%

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 ./agent-skills/web-design/glass-dark-mode-clock/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%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 body is a well-structured, concise instruction-only design guide with concrete actionable direction and excellent section organization, held back only slightly by an empty Workflow header and the lack of executable value-level specifics.

DimensionReasoningScore

Conciseness

The body is efficient and assumes Claude's intelligence, using lean bullets without explaining known concepts, with only minor phrasing that could be trimmed.

4 / 5

Actionability

Concrete, specific visual guidance is given (frosted shells with thin gradient borders, low-opacity fills, backdrop blur; layered dial with outer ring, ticks, labels, core, hex frame), with minor gaps in executable specifics like exact values or CSS.

4 / 5

Workflow Clarity

As a single-purpose design-direction skill the core action is unambiguous and well-organized, but the empty '## Workflow' header and absence of any sequenced steps leave a minor gap.

4 / 5

Progressive Disclosure

At under 50 lines with a single task and no bundle files, the skill is organized into clearly labeled sections (Use When, Scope, Visual target, Implementation, Patterns, Tuning, Avoid) that make navigation easy.

5 / 5

Total

17

/

20

Passed

Description

66%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 is concrete and distinguishable, naming specific visual elements and a distinct aesthetic niche, but it omits an explicit when-to-use trigger clause, leaving its activation context implicit.

Suggestions

Append a 'Use when...' clause stating the trigger phrases (e.g., dark glass UI, clock or calibration dial, sci-fi instrument panel) so Claude knows when to invoke the skill.

Add one or two natural synonyms (e.g., 'frosted glass', 'dial interface', 'calibration UI') to broaden trigger coverage.

Mention the monochrome palette and motion character briefly to make the stated capabilities more comprehensive.

DimensionReasoningScore

Specificity

The description names several concrete visual artifacts ("frosted shells, soft beam grids, circular clock-like calibration dials, and precise sci-fi instrument framing") under a single "Create" action, with only minor coverage gaps.

4 / 5

Completeness

The description clearly states what the skill does but provides no explicit "Use when..." trigger guidance, which caps completeness at 3 per the judging guidelines.

3 / 5

Trigger Term Quality

Terms like "dark glass," "frosted shells," "beam grids," and "clock-like calibration dials" are natural design vocabulary a user might say, though a few common synonyms or variants are missing.

4 / 5

Distinctiveness Conflict Risk

The dark-glass-plus-instrument-dial combination is a clear niche, with only minor overlap risk against closely related generic glassmorphism skills.

4 / 5

Total

15

/

20

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
MengTo/Skills
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.