CtrlK
BlogDocsLog inGet started
Tessl Logo

framed-tech-dark-border-gradient

Create a framed dark technical design system with border-gradient shells, asymmetrical grid panels, mono utility labeling, and restrained monochrome atmosphere.

57

Quality

64%

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/framed-tech-dark-border-gradient/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

72%

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

The content is concrete, well-structured, and appropriately scoped as a lean single-file design skill, but the empty Workflow section and the verbatim Use-When duplicate the description rather than adding sequenced process guidance.

Suggestions

Fill in the empty 'Workflow' section with a short sequenced process (e.g., establish shell -> frame panels -> apply border-gradient surfaces -> tune accent) or remove the heading.

Rewrite 'Use When' so it adds trigger context beyond repeating the frontmatter description verbatim.

Tighten a few verbose sentences in 'Implementation guidance' to improve token efficiency.

DimensionReasoningScore

Conciseness

The body is mostly efficient and free of concept-explanation padding, but the "Use When" section repeats the description verbatim and the "Workflow" heading is empty, so it could be tightened to earn the top score.

2 / 3

Actionability

Concrete, specific design direction such as "one-pixel gradient borders", "vertical rails that extend slightly beyond the main shell, tiny corner squares, inset strokes", and a named palette of "black, charcoal, smoke gray, white, and silver" gives executable guidance appropriate to an instruction-only design skill.

3 / 3

Workflow Clarity

Sections are well organized, but the "Workflow" section is empty and there is no sequenced process or validation checkpoint; the explicit workflow the heading promises is missing.

2 / 3

Progressive Disclosure

The skill is a single well-organized SKILL.md under roughly 50 lines with clear sections (Scope, Visual target, Implementation guidance, Recommended patterns, Tuning knobs, Avoid) and no need for external references, which per the rubric notes earns the top score.

3 / 3

Total

10

/

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 is specific about the design direction and distinct from other skills, but it lacks an explicit "Use when..." trigger and leans on technical jargon rather than natural user phrasing. Adding trigger terms and a use-when clause would lift the weaker dimensions.

Suggestions

Add an explicit 'Use when...' clause naming natural user phrases (e.g., dark technical UI, engineering dashboard, monochrome control-panel design).

Replace or supplement jargon terms like 'mono utility labeling' and 'border-gradient shells' with wording a user would actually request.

Consider listing concrete actions or outcomes (e.g., 'build page shells, frame panels, style controls') rather than relying on a single 'Create' verb.

DimensionReasoningScore

Specificity

Quotes like "border-gradient shells, asymmetrical grid panels, mono utility labeling, and restrained monochrome atmosphere" name several concrete design components, but the description rests on a single action verb ("Create") rather than enumerating multiple distinct actions, so it sits at the domain-plus-some-actions level rather than a comprehensive action list.

2 / 3

Completeness

The description answers "what" ("Create a framed dark technical design system with...") but contains no explicit "when to use it" trigger guidance, which per the judging guidelines caps completeness at 2.

2 / 3

Trigger Term Quality

Phrases such as "framed dark technical design system" are reasonably natural, but "border-gradient shells", "asymmetrical grid panels", and "mono utility labeling" are design jargon a user would rarely say verbatim, and there is no "Use when..." trigger phrasing to capture common variations.

2 / 3

Distinctiveness Conflict Risk

The niche is specific and architecturally flavored ("framed dark technical design system with border-gradient shells... overshooting rails"), making it unlikely to trigger for unrelated design or dashboard skills; it is clearly distinguishable.

3 / 3

Total

9

/

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.