CtrlK
BlogDocsLog inGet started
Tessl Logo

add-shader-cursor-trail

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film grain, and protected by static, touch, accessibility, SSR, and performance fallbacks. Use when a user asks for this shader mouse effect, a halftone cursor trail, an interactive WebGPU hero/contact background, or a reusable cursor-following shader layer in React, Next.js, Vue, Svelte, Solid, or plain web projects.

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 a concise, actionable workflow with explicit validation and well-signaled one-level references to verified bundle files. It avoids explaining concepts Claude already knows and provides copy-paste-ready commands and named file targets.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence — it never explains what WebGPU, SSR, or blend modes are, and every line directs action ('Implement the exact trail as progressive enhancement', 'Install `shaders`...'), matching the lean-and-efficient anchor.

3 / 3

Actionability

Guidance is concrete and executable: exact package subpaths ('shaders/react', 'shaders/vue'...), named files to copy from 'assets/react/', and a copy-paste bash verification command with argument positions, satisfying the fully-executable anchor.

3 / 3

Workflow Clarity

An explicit 8-step Workflow is followed by a dedicated Validate section running lint/typecheck/build plus a verification script and a checklist of accessibility/static conditions, providing clear sequencing with explicit validation checkpoints.

3 / 3

Progressive Disclosure

The body is an overview that signals one-level-deep references to real bundle files — 'Read [references/implementation.md]', 'copy and adapt the files in assets/react/', and the verify script — all of which exist on disk, matching the clear-overview-with-well-signaled-references anchor.

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, third-person/imperative, and supplies explicit 'Use when' triggers with natural keyword coverage and framework breadth. It cleanly answers what the skill does and when to invoke it with low conflict risk.

DimensionReasoningScore

Specificity

Names multiple concrete capabilities — 'white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film grain' plus 'static, touch, accessibility, SSR, and performance fallbacks' — matching the score-3 anchor listing several specific actions.

3 / 3

Completeness

Explicitly answers both what (the described shader effect and its fallbacks) and when via an explicit 'Use when a user asks for...' clause, matching the score-3 anchor that requires both with explicit triggers.

3 / 3

Trigger Term Quality

The 'Use when' clause surfaces natural phrasings users would actually say — 'shader mouse effect', 'halftone cursor trail', 'interactive WebGPU hero/contact background', 'cursor-following shader layer' — with broad framework coverage, satisfying the good-coverage anchor.

3 / 3

Distinctiveness Conflict Risk

The effect is tied to a very specific niche (Tidal Commons hero halftone cursor trail with named ChromaFlow/DotGrid nodes) with distinct triggers, making accidental firing for unrelated skills unlikely.

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.