CtrlK
BlogDocsLog inGet started
Tessl Logo

css-alpha-masking

Apply CSS alpha masking with linear-gradient for horizontal or vertical edge fades (mask-image and -webkit-mask-image). Use when asked for alpha masks, fade edges, or CSS mask gradients.

80

Quality

100%

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

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 tight and actionable: concrete CSS for both fade directions, a brief workflow, customization knobs, and pitfalls, with no redundant concept explanations. It is well-organized for a simple single-purpose skill.

DimensionReasoningScore

Conciseness

Lean body with no padding or explanations of concepts Claude already knows; every section (workflow, snippets, knobs, pitfalls) earns its place, matching the lean-and-efficient anchor.

3 / 3

Actionability

Provides executable copy-paste CSS for both horizontal and vertical fades with concrete stop values (15%/85%) and a rgba strength knob, meeting the fully-executable anchor.

3 / 3

Workflow Clarity

For a simple single-task skill, the numbered workflow and usage checklist give a clear, unambiguous sequence; the 'Questions to ask when specs are missing' section acts as a clarification checkpoint.

3 / 3

Progressive Disclosure

Under 50 lines with no bundle files and well-organized headed sections; per the simple-skills scoring note, well-organized sections alone justify a 3 here.

3 / 3

Total

12

/

12

Passed

Description

100%

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 concise, specific, and clearly pairs what the skill does with explicit when-to-use triggers in third person. It avoids vague fluff and overlaps with minimal conflict risk.

DimensionReasoningScore

Specificity

Names concrete actions ('Apply CSS alpha masking with linear-gradient', 'horizontal or vertical edge fades') and specific properties ('mask-image and -webkit-mask-image'), matching the multiple-specific-actions anchor.

3 / 3

Completeness

Clearly answers what ('Apply CSS alpha masking with linear-gradient...') and when ('Use when asked for alpha masks, fade edges, or CSS mask gradients'), with an explicit Use-when clause.

3 / 3

Trigger Term Quality

'alpha masks, fade edges, or CSS mask gradients' are natural terms a user would say when requesting this skill, giving good coverage of common phrasings.

3 / 3

Distinctiveness Conflict Risk

Narrow CSS-masking niche with distinct triggers unlikely to fire for unrelated skills; third-person voice is maintained.

3 / 3

Total

12

/

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.