CtrlK
BlogDocsLog inGet started
Tessl Logo

background-grid-webgl

Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.

54

Quality

60%

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

Fix and improve this skill with Tessl

tessl review fix ./agent-skills/web-design/background-grid-webgl/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

53%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 readable, well-scoped design spec with clear aesthetic direction (especially the Avoid section), but it functions as descriptive guidance rather than an executable skill: the Workflow section is empty, the description is duplicated, and there is no code or concrete parameter guidance.

Suggestions

Fill or remove the empty '## Workflow' section — add an ordered build sequence (setup scene → grid geometry with distance fade → drift animation → damped parallax → particle field) so steps are explicit.

Add a minimal runnable Three.js snippet or at least concrete parameter ranges (e.g., grid divisions, fog/opacity falloff curve, camera height/tilt values, drift speed) so the guidance is executable rather than directional.

Remove the 'Use When' section that duplicates the frontmatter description verbatim, and merge overlapping Visual target / Implementation guidance / Tuning knobs bullets to eliminate redundancy.

DimensionReasoningScore

Conciseness

The body is lean bullet prose with no concept-teaching padding, but 'Use When' duplicates the frontmatter description verbatim and Visual target / Implementation guidance / Tuning knobs restate the same points across sections — noticeable tightening needed rather than only minor trims.

3 / 5

Actionability

Concrete directives exist ('Prefer Three.js', 'perspective camera positioned above the plane', 'line opacity fading by distance', 'sparse additive particle field'), but there is no code, no parameter values, and no runnable example, leaving the guidance incomplete rather than executable.

3 / 5

Workflow Clarity

The explicit '## Workflow' section is completely empty, so build sequencing is only implicit in the guidance bullets with no checkpoints or validation steps; the sequence is inferable (not incoherent), but the empty placeholder is a clear defect.

3 / 5

Progressive Disclosure

At 43 lines with no bundle files, well-labeled sections (Scope, Visual target, Implementation guidance, Tuning knobs, Avoid) are appropriate, but the empty Workflow header and redundant Use When section are minor organization gaps that keep it below a clean 5.

4 / 5

Total

13

/

20

Passed

Description

66%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 specific, distinct description that clearly states what the skill builds, hampered by the complete absence of any 'Use when...' trigger clause and some missing natural synonyms. Adding explicit trigger guidance would raise it substantially.

Suggestions

Append a trigger clause such as 'Use when the design calls for a perspective or 3D grid background, a Three.js/WebGL ambient scene, or a tron/synthwave-style receding grid.'

Include synonym terms users naturally say — 'Three.js', '3D grid', 'grid background', 'tron grid' — alongside 'WebGL background grid'.

Consider adding a second concrete action verb (e.g., 'Animate...') so the capability list reads as multiple actions rather than one create with modifiers.

DimensionReasoningScore

Specificity

Names several concrete visual capabilities ('perspective WebGL background grid', 'fading lines, subtle particle haze, slow forward drift, and gentle camera parallax') but relies on a single action verb, leaving minor gaps versus the comprehensive multi-action anchor at 5.

4 / 5

Completeness

The 'what' is clear and concrete, but there is no 'Use when...' clause or equivalent explicit trigger guidance, which caps completeness at 3; the 'when' is absent rather than merely implicit, so it cannot reach 4.

3 / 5

Trigger Term Quality

Natural user keywords are present ('WebGL', 'background grid', 'perspective', 'particles', 'parallax'), but common variations a user might say — 'Three.js', '3D grid', 'tron'/'synthwave grid' — are missing.

4 / 5

Distinctiveness Conflict Risk

The niche is specific and distinct ('perspective WebGL background grid' with defined visual features), with only minor overlap risk against closely related background/particle/shader skills rather than the minimal risk of the top anchor.

4 / 5

Total

15

/

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.

Validation — 16 / 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.