CtrlK
BlogDocsLog inGet started
Tessl Logo

threejs

Use when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading, controls, performance). Helpful for designers shipping 3D UI moments.

75

Quality

93%

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

93%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 concise, highly actionable skill body with a complete runnable example and tidy sectioning. The only gap is the absence of explicit validation checkpoints in the workflow.

Suggestions

Add an explicit validation/checkpoint step (e.g., verify the canvas resizes correctly and dispose on route change) to strengthen workflow_clarity.

Consider a one-line pointer to where fuller Three.js API reference lives if the skill grows beyond its current lean scope.

DimensionReasoningScore

Conciseness

Lean bullet structure that assumes Claude's competence; every section earns its place with only minimal soft padding in "What to ask the user".

5 / 5

Actionability

Provides a fully executable, copy-paste spinning-cube recipe plus concrete API snippets (resize, pixel ratio, disposal) covering the common cases.

5 / 5

Workflow Clarity

The Create→Render loop mental model and resize/disposal sequence are clear, but explicit validation checkpoints are only loosely implied rather than stated.

4 / 5

Progressive Disclosure

Under 50 lines with no external bundle files, well-organized into clear sections; the simple-skill exception applies and structure is easy to navigate.

5 / 5

Total

19

/

20

Passed

Description

92%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 strong, concrete description with explicit trigger guidance and a clear Three.js niche. It loses only a point on trigger_term_quality for a couple of missing natural synonyms.

Suggestions

Add a few natural synonyms users might say, such as "WebGL" or "3D models/viewers", to broaden trigger coverage.

DimensionReasoningScore

Specificity

Lists multiple concrete capabilities—"scene/camera/renderer, lights/materials, GLTF loading, controls, performance"—giving comprehensive coverage of what the skill handles.

5 / 5

Completeness

Explicitly answers both what (parenthetical capability list) and when ("Use when building or debugging interactive 3D scenes on the web with Three.js").

5 / 5

Trigger Term Quality

Natural terms like "interactive 3D scenes", "Three.js", and "3D UI moments" appear, but a few common variants users might say (e.g., "WebGL", "3D models") are missing.

4 / 5

Distinctiveness Conflict Risk

Anchored to a clear Three.js niche with distinct, specific triggers and minimal overlap with other skills.

5 / 5

Total

19

/

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.