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.

56

Quality

62%

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

57%

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

The body is well-organized into purposeful sections and appropriately scoped for a simple single-effect skill, but it lacks executable code/parameters, has an empty Workflow section, and would benefit from a concrete sequenced build steps.

Suggestions

Fill the empty '## Workflow' section with a numbered build sequence (scene/camera setup → grid plane → distance-based fade → drift animation → particle field → parallax) to improve workflow clarity.

Add at least one minimal executable Three.js snippet (e.g., camera position values, GridHelper or custom plane, and an opacity-fade approach) so the guidance is copy-paste ready rather than descriptive.

Remove the verbatim-duplicated '## Use When' line (it repeats the description) to tighten conciseness.

DimensionReasoningScore

Conciseness

The body is lean and avoids explaining known concepts, but the '## Workflow' heading is empty and '## Use When' duplicates the frontmatter description verbatim, leaving clear tightening opportunities.

2 / 3

Actionability

It names concrete techniques (Three.js, perspective camera, additive particle field, opacity fading by distance) but provides no executable code, camera values, grid dimensions, or shader snippets for an inherently coding task, so guidance is incomplete rather than copy-paste ready.

2 / 3

Workflow Clarity

The 'Implementation guidance' bullets enumerate build components but are unordered, the dedicated '## Workflow' section is empty, and there are no validation or verification checkpoints, fitting 'steps listed but validation gaps'.

2 / 3

Progressive Disclosure

The skill is under 50 lines, has no bundle files or external references, and is organized into clearly labeled sections (Scope, Visual target, Implementation guidance, Tuning knobs, Avoid), which per the guidelines lets a simple skill score 3 on organization alone.

3 / 3

Total

9

/

12

Passed

Description

67%

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 and distinctive, naming concrete visual features of the effect, but it omits an explicit 'Use when' trigger clause and relies on somewhat technical terms, limiting trigger-term quality and completeness.

Suggestions

Add an explicit 'Use when...' trigger clause to the description (e.g., 'Use when creating an animated perspective grid background, tech-style WebGL backdrop, or receding 3D grid effect') to lift completeness to 3.

Broaden trigger terms with natural user phrasing such as 'animated background', '3D grid', or 'tech grid' alongside the technical terms to improve trigger-term quality.

DimensionReasoningScore

Specificity

Lists multiple concrete visual elements — 'perspective WebGL background grid', 'fading lines', 'subtle particle haze', 'slow forward drift', 'gentle camera parallax' — matching the anchor for multiple specific concrete actions rather than vague domain-plus-some-actions.

3 / 3

Completeness

It clearly answers 'what' (create the grid effect) but has no 'Use when…' clause or equivalent explicit trigger guidance; per the guidelines a missing trigger clause caps completeness at 2.

2 / 3

Trigger Term Quality

Terms like 'WebGL background grid', 'particle haze', and 'camera parallax' are relevant but lean technical and omit common natural variations a user might say ('animated background', '3D grid', 'tech grid'), fitting 'some relevant keywords but missing common variations'.

2 / 3

Distinctiveness Conflict Risk

The niche is highly specific — a perspective WebGL background grid with haze/drift/parallax — making it clearly distinguishable and unlikely to trigger for unrelated skills.

3 / 3

Total

10

/

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.