CtrlK
BlogDocsLog inGet started
Tessl Logo

threejs-fundamentals

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

65

Quality

80%

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

Fix and improve this skill with Tessl

tessl review fix ./plugins/AI-Agents-Safe-Coding-Skills-claude/skills/threejs-fundamentals/SKILL.md

The canonical home for this skill is threejs-fundamentals in administrakt0r/AI-Agents-Safe-Coding-Skills

SKILL.md
Quality
Evals
Security

Quality

Content

71%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 thorough, code-rich reference that is highly actionable and reasonably concise, with a clear Quick Start workflow. Its main weakness is monolithic structure with no progressive disclosure to bundle files despite content that would benefit from being split out.

Suggestions

Move the Math Utilities (Vector3, Matrix4, Quaternion, Euler, Color, MathUtils) and full Cameras reference into separate files under references/ and link to them from SKILL.md, keeping only key examples inline to improve progressive_disclosure.

Add a one-line 'When to use this skill vs. siblings' note near the top to reduce overlap ambiguity with threejs-geometry, threejs-materials, and threejs-lighting.

Convert the API enumeration snippets (e.g., Vector3 operations) into a few compact runnable examples rather than bare method lists to push actionability to fully executable.

DimensionReasoningScore

Conciseness

The body is mostly lean code snippets with terse inline comments and little padding prose, though the sheer volume of inlined API reference could be trimmed or externalized, placing it just below the fully lean score-5 anchor.

4 / 5

Actionability

A fully runnable Quick Start and many concrete, copy-paste-ready snippets cover common cases, but several sections (e.g., Vector3/Matrix4 method listings) are API enumerations rather than standalone executable examples, leaving minor gaps.

4 / 5

Workflow Clarity

The Quick Start sequences scene/camera/renderer creation, mesh and light addition, animation, and resize handling into a clear order; it is not a destructive or batch operation so no validation cap applies, though explicit checkpoints are absent.

4 / 5

Progressive Disclosure

Headers organize the content well, but it is a monolithic ~525-line file with no bundle files, and substantial reference material (Math Utilities, full camera/renderer reference) that could live in separate one-level-deep files is inlined, matching the score-3 anchor.

3 / 5

Total

15

/

20

Passed

Description

88%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 description that clearly states both capabilities and trigger conditions with concrete, natural language. The main gaps are a few missing trigger synonyms and minor overlap with closely related Three.js sibling skills.

DimensionReasoningScore

Specificity

Lists multiple specific concrete capability areas — 'scene setup, cameras, renderer, Object3D hierarchy, coordinate systems' — giving comprehensive coverage of the fundamentals domain, matching the score-5 anchor.

5 / 5

Completeness

Explicitly answers 'what' (the five capability areas) and 'when' via a concrete 'Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms' clause, matching the score-5 anchor.

5 / 5

Trigger Term Quality

Natural trigger phrases like 'setting up 3D scenes', 'creating cameras', 'configuring renderers', 'managing object hierarchies' are present, but common synonyms such as 'WebGL' or '3D rendering' are missing, so it sits just below comprehensive.

4 / 5

Distinctiveness Conflict Risk

The Three.js focus is a clear niche with distinct triggers, but sibling skills (threejs-geometry, threejs-materials, threejs-lighting) share the same library domain, creating minor overlap risk rather than the minimal risk required for a 5.

4 / 5

Total

18

/

20

Passed

Validation

87%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (534 lines); consider splitting into references/ and linking

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

14

/

16

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-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.