CtrlK
BlogDocsLog inGet started
Tessl Logo

tech-green-dark-mode-modern

Create a modern dark-mode technical design system with matte-black surfaces, emerald signal accents, mono system labeling, framed dashboard cards, and restrained glow.

49

Quality

53%

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/tech-green-dark-mode-modern/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%

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, mostly lean aesthetic direction with concrete design specifics, but it lacks executable/code-level guidance, leaves the Workflow section empty, and repeats some guidance across sections. Filling the workflow and tightening redundancy would raise the weaker dimensions.

Suggestions

Fill or remove the empty '## Workflow' section; for a single-purpose design direction, either delete it or replace it with a short sequenced application flow (e.g. set base surfaces -> apply signal accents -> add framing/metadata -> tune glow).

Tighten overlapping guidance by consolidating green-glow and bracketed-card points into a single section so 'Visual target', 'Implementation guidance', and 'Recommended patterns' do not repeat the same directives.

Make guidance more actionable by replacing subjective directives ('should look premium and modern') with concrete, checkable rules (e.g. 'card border: 1px rgba(16,185,129,0.4); inner glow radius <= 12px; keep glow to <=2 components per view').

DimensionReasoningScore

Conciseness

The body is mostly lean bullet guidance without explaining concepts Claude already knows, but 'Visual target', 'Implementation guidance', 'Recommended patterns', 'Tuning knobs', and 'Avoid' overlap noticeably (e.g. green-glow control and bracketed cards appear in several sections), so it could be tightened to earn anchor 3.

2 / 3

Actionability

It gives concrete specifics (emerald/mint accents, mono labels, corner brackets, one-pixel shells) but mixes them with vague directives like 'should look premium and modern' and 'feel calm, precise, and product-grade'; for an instruction-only skill this is partly actionable but missing fully concrete, copy-ready guidance, sitting at anchor 2.

2 / 3

Workflow Clarity

The '## Workflow' header is present but empty, and the remaining sections are descriptive direction rather than a sequenced process; there is no validation or checkpoint structure, so it does not reach the clear-sequence anchor 3 and the empty header keeps it at 2.

2 / 3

Progressive Disclosure

At ~47 lines with no need for external references, the skill is organized into well-labeled sections (Use When, Scope, Visual target, Implementation guidance, Recommended patterns, Tuning knobs, Avoid) and no bundle files exist to reference, matching the simple-skill allowance for a 3.

3 / 3

Total

9

/

12

Passed

Description

50%

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 domain-specific but reads as a single creative action with stylistic attributes rather than a set of capabilities, and it omits any explicit use-trigger. Adding a 'Use when...' clause with natural trigger terms would lift completeness and trigger_term_quality.

Suggestions

Append a 'Use when...' clause naming natural triggers, e.g. 'Use when designing dark-mode dashboards, technical UIs, or analytics interfaces that should feel modern and instrumented.'

Rephrase the feature list as multiple concrete actions (e.g. 'Build matte-black surfaces, apply emerald signal accents, label with mono typography, frame dashboard cards') to strengthen capability specificity.

Add common user-facing variations like 'dark theme', 'dashboard UI', or 'analytics interface' to improve trigger-term coverage.

DimensionReasoningScore

Specificity

Quotes 'Create a modern dark-mode technical design system with matte-black surfaces, emerald signal accents, mono system labeling, framed dashboard cards, and restrained glow' name a clear domain and several concrete qualities, but only one action verb ('Create'); the listed items are attributes of one deliverable rather than multiple distinct actions, so it sits at anchor 2 rather than the multi-action anchor 3.

2 / 3

Completeness

It clearly states what the skill does (create the design system) but has no 'Use when...' clause or equivalent trigger guidance; per the rubric guidelines a missing explicit trigger caps completeness at 2.

2 / 3

Trigger Term Quality

Terms like 'dark-mode', 'design system', and 'dashboard cards' are natural, but much of the phrasing ('emerald signal accents', 'mono system labeling', 'restrained glow') is design jargon, and common user variations ('dark theme', 'UI', 'dashboard design') are missing, matching the 'some relevant keywords but missing common variations' anchor.

2 / 3

Distinctiveness Conflict Risk

The tech-green dark-mode aesthetic is fairly niche, but 'design system' is broad and could overlap with other visual/design-system skills, matching 'somewhat specific but could still overlap with similar skills' rather than a clearly conflict-free niche.

2 / 3

Total

8

/

12

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.