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.

67

Quality

81%

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

The canonical home for this skill is threejs-fundamentals in CloudAI-X/threejs-skills

SKILL.md
Quality
Evals
Security

Quality

Content

78%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 fundamentals reference with excellent code coverage, but it is a long monolithic wall of inline API reference (especially Math Utilities) that would benefit from being split into a separate reference file for progressive disclosure and token efficiency.

Suggestions

Move the Math Utilities section (Vector3/Matrix4/Quaternion/Euler/Color/MathUtils method listings) into a references/ file (e.g. MATH_API.md) and keep only a couple of key examples inline, linking out for the rest.

Trim exhaustive method enumerations (e.g. every Vector3/Matrix4 method) down to the non-obvious or commonly-needed ones, since Claude already knows standard vector/matrix APIs.

Consider extracting the full per-class API blocks (Cameras, WebGLRenderer options, Object3D properties) into a references/CLASSES.md so SKILL.md stays a concise overview pointing one level deep.

DimensionReasoningScore

Conciseness

The body is mostly terse code with one-line descriptions and assumes competence (no 'what is Three.js' padding), but the exhaustive inline method enumerations for Vector3/Matrix4/Quaternion/Euler/Color/MathUtils push the token budget and read like API reference material Claude largely already knows.

4 / 5

Actionability

Nearly every section is copy-paste-ready, executable JavaScript — the Quick Start runs as-is and Core Classes/Common Patterns give complete working snippets covering the common cases.

5 / 5

Workflow Clarity

Sequenced patterns (Proper Cleanup, Clock for Animation, Responsive Canvas, Loading Manager) are clear and ordered, and no destructive/batch operations require validation checkpoints; it stops short of 5 only because there is no explicit multi-step workflow with error-recovery feedback loops.

4 / 5

Progressive Disclosure

Section headers give decent structure, but the file is a single ~480-line monolith with a large inline Math Utilities API reference that belongs in a separate reference file, and no bundle files (references/scripts/assets) exist to offload it.

3 / 5

Total

16

/

20

Passed

Description

83%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 well-constructed description that clearly states capabilities and provides an explicit, multi-phrase 'Use when' trigger. Its only real weakness is trigger-term breadth (no literal 'Three.js' keyword) and minor overlap with sibling threejs skills.

DimensionReasoningScore

Specificity

Names several concrete capabilities — 'scene setup, cameras, renderer, Object3D hierarchy, coordinate systems' — but they are domain objects/concepts rather than the comprehensive verb-based action list (e.g. 'extract/fill/merge') seen at score 5, and coverage omits items the body actually teaches (materials, lighting, math utils).

4 / 5

Completeness

It explicitly answers both 'what' (the leading capability list) and 'when' (a concrete 'Use when...' clause with multiple trigger phrases), matching the score-5 anchor structure.

5 / 5

Trigger Term Quality

The 'Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms' clause supplies good natural phrases a user would say, but it lacks the explicit keyword 'Three.js' itself and synonym/extension variations needed for a 5.

4 / 5

Distinctiveness Conflict Risk

'Three.js' is a clear niche with distinct 3D triggers, but sibling skills listed in See Also (threejs-geometry, threejs-materials, threejs-lighting) create minor overlap risk around transforms/object hierarchies rather than the minimal-conflict profile of a 5.

4 / 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
calesthio/OpenMontage
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.