CtrlK
BlogDocsLog inGet started
Tessl Logo

reveal-hover-effect

Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask. Use for hover-to-color, before-and-after, x-ray, material, texture, product-detail, and illustrated hero effects where a desaturated or embossed base image should remain visible while another treatment follows an eased pointer.

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 delivers lean, executable guidance with exact values, a clear sequenced contract, and a validation checklist, all in a well-organized self-contained file. It assumes Claude's competence and avoids padding while covering real edge cases.

DimensionReasoningScore

Conciseness

The body is dense with actionable specifics — exact mask stops, easing values, and complete executable HTML/CSS/JS — without explaining basic concepts Claude already knows; each section earns its place addressing genuine edge cases. Not 2 because it avoids padded explanation despite being long, and there is no level above.

3 / 3

Actionability

Provides complete, copy-paste-ready HTML markup, CSS mask rules, and a full JS init function with concrete values (radii, easing factors, mask alphas); not 2 because it is executable rather than pseudocode with no key details missing.

3 / 3

Workflow Clarity

The 'Core Contract' is a clearly numbered 7-step sequence and 'Quick Checks' act as an explicit validation checklist covering alignment, idle-loop cleanup, and fallback states; not 2 because checkpoints are explicit rather than implicit, and not capped at 2 since this is not a destructive/batch operation requiring a validate→fix→retry loop.

3 / 3

Progressive Disclosure

No bundle files exist, so the self-contained single file is organized into clear, well-signaled sections (Core Contract, Motion Defaults, Markup, CSS Mask, Eased Pointer Tracking, Touch/Accessibility, Performance, Quick Checks) with no nested references; per the simple-skill guideline, well-organized sections with no external-reference need can score 3.

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 specific, trigger-rich, and clearly distinguishes the skill's niche. It answers both what it does and when to use it in concise third-person voice with no over-claims.

DimensionReasoningScore

Specificity

Quotes concrete actions — 'Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask' — listing multiple specific behaviors (build, expose via mask, follow pointer, ease) rather than vague language; not below 3 since it lists multiple concrete actions, and there is no level above.

3 / 3

Completeness

Explicitly answers both what ('Build cursor-following spotlight reveals... soft radial mask') and when via an explicit 'Use for...' clause with multiple triggers; not 2 because the 'when' is explicit, not merely implied.

3 / 3

Trigger Term Quality

Provides broad natural-term coverage — 'hover-to-color, before-and-after, x-ray, material, texture, product-detail, and illustrated hero effects' — terms users would actually say; not 2 because coverage is comprehensive rather than partial.

3 / 3

Distinctiveness Conflict Risk

A very specific niche — cursor-following spotlight reveals through a radial mask with dual aligned images — with distinct triggers that are unlikely to fire for unrelated skills; not 2 because it does not plausibly overlap with general image or animation skills.

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.