CtrlK
BlogDocsLog inGet started
Tessl Logo

dither-laser-dark-mode

Create a dark premium design system that combines near-black surfaces, subtle ordered-dither texture, and a thin accent-colored laser atmosphere.

45

Quality

46%

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/dither-laser-dark-mode/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

40%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-organized, reasonably lean style-direction guide, but it reads as aesthetic prose rather than an executable recipe: no concrete tokens or code, and the dedicated Workflow section is entirely empty. Adding a short sequenced application process and a few concrete values/snippets would lift actionability and workflow clarity considerably.

Suggestions

Fill the empty '## Workflow' section with a sequenced process (e.g., 1. pick base/accent colors, 2. layer surfaces, 3. add dither texture, 4. place laser motif, 5. verify readability against 'Avoid' items).

Add concrete tokens or snippets — example hex ramp for near-black surfaces, a CSS/canvas snippet for ordered dither, and gradient/border-radius specs for the laser glow — so the guidance is executable rather than descriptive.

Remove the duplicated 'Use When' line (it repeats the frontmatter description verbatim) and merge the repeatedly-stated restraint guidance from 'Tuning knobs'/'Avoid' into one section to tighten conciseness.

DimensionReasoningScore

Conciseness

No time is spent explaining concepts Claude already knows, but there is measurable redundancy: the frontmatter description is repeated verbatim in 'Use When', the '## Workflow' heading is completely empty, and laser/accent restraint is restated across 'Visual target', 'Implementation guidance', 'Tuning knobs', and 'Avoid'. Matches 'mostly efficient but includes some unnecessary explanation or could be tightened'; not 4 because the duplication and empty section are clear trim candidates.

3 / 5

Actionability

The body is qualitative description rather than instruction — no color values, gradient specs, blur amounts, CSS or shader snippets; the few concrete anchors ('pointer-events: none', 'one-pixel gradient borders') are isolated. Matches 'minimal concrete guidance; high-level hints but missing the specific steps to execute'; not 3 because there is not even a pseudocode-level recipe for applying the system.

2 / 5

Workflow Clarity

The '## Workflow' section is empty — the one place a sequence belongs — and the remaining sections only imply a rough order (Scope → Visual target → Implementation → Patterns → Tuning) with poorly defined steps and no checkpoints. Matches 'rough sequence present but many gaps; steps poorly defined'; not 1 because the sectioned structure still conveys an order of concerns.

2 / 5

Progressive Disclosure

A ~47-line body with no bundle files, cleanly headed sections, all content in one level inside SKILL.md — appropriate structure for a skill this size. Matches 'good structure; most content is appropriately placed; minor organization gaps'; not 5 because the empty 'Workflow' heading and the duplicative 'Use When' section are organization defects.

4 / 5

Total

11

/

20

Passed

Description

53%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 states a clear, distinctive 'what' with concrete visual elements, but completely omits the 'when'. A 'Use when...' clause with natural trigger phrases (e.g., dark mode UI, premium dark theme, dither texture, laser motif) would raise completeness and trigger term quality substantially.

Suggestions

Append a 'Use when...' clause, e.g., 'Use when designing a dark-mode UI, premium dark theme, or interface needing a dither-texture / laser-accent visual system.'

Add natural trigger synonyms users would say — 'dark mode', 'UI theme', 'atmospheric dark interface' — to widen trigger term coverage.

Consider listing the concrete deliverables (color/surface system, texture treatment, laser motif spec) to strengthen the 'what' beyond one sentence.

DimensionReasoningScore

Specificity

Names the domain ('dark premium design system') and concrete visual components ('near-black surfaces', 'ordered-dither texture', 'thin accent-colored laser atmosphere'), but offers only one action verb and does not enumerate the skill's actual capabilities. Matches 'names domain and 1-2 concrete actions, but not comprehensive'; not 4 because coverage of what the skill does is thin.

3 / 5

Completeness

The 'what' is clear (create a dark design system combining dither texture and a laser motif) but the 'when' is entirely absent — no 'Use when...' clause or equivalent trigger guidance, which caps completeness at 3 per the judging guidelines. Not 4 because no trigger condition is explicit or even weakly implied.

3 / 5

Trigger Term Quality

'dark', 'premium', 'design system', 'dither', and 'laser' are words a user might naturally say, but common variations and synonyms ('dark mode', 'UI theme', 'give my app a dark look') are missing. Matches 'some relevant keywords but missing common variations or synonyms'; not 4 because natural trigger phrasings users actually utter are not covered.

3 / 5

Distinctiveness Conflict Risk

The ordered-dither-plus-laser motif is a distinct niche unlikely to trigger for an unrelated skill, but 'Create a dark premium design system' still overlaps with generic dark-mode or design-system skills. Matches 'mostly distinct; minor overlap risk with closely related skills'; not 5 for that overlap.

4 / 5

Total

13

/

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.

Validation — 16 / 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.