CtrlK
BlogDocsLog inGet started
Tessl Logo

webgl-laser

Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog around the beam. Use only for laser background effects, not full page layout, copy, generic hero scenes, particles, or unrelated motion systems.

67

Quality

80%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

81%Weight 40%Scale 1-5

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

A highly actionable, executable single-file skill with strong code coverage and clear layering guidance. Conciseness and workflow clarity dip slightly due to minor restated prose and the absence of an explicit render-verification checkpoint.

DimensionReasoningScore

Conciseness

The body is mostly lean: scoped visual targets, terse tuning knobs, and code that earns its place, with minimal over-explanation of concepts Claude already knows; a few prose sections (Taste Rules, Avoid) restate shader behavior that the code already expresses.

4 / 5

Actionability

It provides complete, copy-paste-ready raw WebGL code (vertex/fragment shaders, shader/program helpers, initializer, resize loop, cleanup) plus concrete tuning knobs with default values, covering the common single-canvas case end to end.

5 / 5

Workflow Clarity

The setup is clearly sequenced (layer DOM -> canvas CSS -> brand color -> WebGL setup -> initializer -> tuning) with a cleanup return and reduced-motion guard, but there is no explicit validate/verify checkpoint confirming the effect renders or the canvas context was obtained beyond early returns.

4 / 5

Progressive Disclosure

Content is well-organized into focused sections with no bundle files to reference; the single-file structure is appropriate for this skill, though the long inline shader and initializer could arguably live in a separate script file, which keeps it just below 5.

4 / 5

Total

17

/

20

Passed

Description

80%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A tightly scoped, third-person description with strong distinctiveness and concrete visual deliverables. Its main weakness is the trigger clause being framed as restriction rather than positive use-when phrasing.

DimensionReasoningScore

Specificity

Names the concrete action ("Create a fixed full-screen WebGL laser background effect") plus specific visual deliverables (white-hot core, brand-colored halo, smoky fog), but stops short of listing multiple discrete operations, so it falls between the 3 and 5 anchors.

4 / 5

Completeness

It states clearly what the skill does (the laser effect and its visual properties) and gives explicit when-guidance ("Use only for laser background effects"), but the when-clause is framed as a restriction rather than a positive trigger scenario, keeping it just below the 5 anchor.

4 / 5

Trigger Term Quality

"WebGL laser background effect" and "laser background effects" are the natural phrases a user would say, and excluded terms (hero scenes, particles) sharpen intent; it lacks broader synonyms or file/extension cues that would push it to 5.

4 / 5

Distinctiveness Conflict Risk

The niche is highly specific (fixed full-screen WebGL laser beam) and the explicit exclusions (no full page layout, copy, hero scenes, particles, unrelated motion) sharply separate it from neighboring visual-effect skills, giving minimal conflict risk.

5 / 5

Total

17

/

20

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.