CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

Quality

83%

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

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 highly actionable, executable reference dominated by complete code examples with a strong quick-start sequence. Its weaknesses are token efficiency and structure: roughly a quarter of the file restates standard library APIs Claude already knows, and everything lives inline in SKILL.md with no progressive disclosure into reference files.

Suggestions

Trim the Math Utilities section (~120 lines of Vector3/Matrix4/Quaternion/Color/MathUtils API listings) to only Three.js-specific gotchas — e.g., 'cross() modifies v in place', 'lengthSq() is faster than length()', 'call updateProjectionMatrix() after changing fov/aspect/near/far' — and drop the rest, which Claude already knows.

Split the per-class API reference (Scene, Cameras, WebGLRenderer, Object3D) into a reference file such as references/core-classes.md and keep SKILL.md as a quick-start overview with clearly signaled one-level-deep links, reducing the inline body to well under 200 lines.

Add a brief validation note to the setup workflow (e.g., checking that WebGL context creation succeeded or guarding renderer creation) so the Quick Start sequence includes an explicit checkpoint.

DimensionReasoningScore

Conciseness

There is no padded prose — every line is code or terse comment — but large stretches duplicate API knowledge Claude already has, e.g., the ~120-line Math Utilities section listing "v.add(v2); v.sub(v2); ... THREE.MathUtils.clamp(value, min, max)" and Color constructor variants. This is 'mostly efficient but includes some unnecessary explanation or could be tightened' (3) rather than the 4-anchor's merely minor trimmable instances, given roughly a quarter of the file is standard-library reference.

3 / 5

Actionability

Everything is fully executable, copy-paste-ready code: the Quick Start is a complete runnable setup (scene, camera, renderer, mesh, lights, animation loop, resize handler), and every class section shows real constructor signatures with per-argument comments ("75, // Field of view (degrees)"). This matches the 5-anchor 'fully executable; copy-paste ready code or commands; specific examples cover the common cases'.

5 / 5

Workflow Clarity

The Quick Start gives a clear, correctly ordered setup sequence (scene → camera → renderer → mesh → light → animate → resize), and Common Patterns adds Clock-based animation and Proper Cleanup. Validation checkpoints are largely not applicable (non-destructive, non-batch work), but this is a broad multi-topic reference rather than a single unambiguous task, so it fits the 4-anchor 'clear sequence with most checkpoints present' rather than a 5.

4 / 5

Progressive Disclosure

There are no bundle files at all — the entire ~485-line body, including a full Core Classes and Math Utilities API reference, is inlined in SKILL.md. It is well-sectioned but 'content that should be separate is inline' with no offloading references (the "See Also" list points to sibling skills, not bundle files), matching the 3-anchor rather than the 4-anchor, which expects most bulk content placed in separate files.

3 / 5

Total

15

/

20

Passed

Description

87%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 with the ideal two-part structure: a concrete capability list followed by an explicit, enumerated 'Use when' trigger clause in third person. It is clearly distinguishable from sibling Three.js skills; the only gaps are a few missing synonyms (WebGL, Object3D) and slightly noun-heavy phrasing of capabilities.

DimensionReasoningScore

Specificity

The description lists several specific capabilities — "scene setup, cameras, renderer, Object3D hierarchy, coordinate systems" — but these read as domain components rather than the verb-driven concrete actions of the 5-anchor ("fill forms, merge documents"), and capabilities the body actually covers (lights, math types) are not mentioned. It exceeds the 3-anchor's '1-2 concrete actions' but is not comprehensive action coverage, so 4.

4 / 5

Completeness

Both parts are explicit: the what ("Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems") and a concrete when ("Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms"). This mirrors the 5-anchor example's structure of explicit capability list plus enumerated concrete trigger phrases; the when-clause is specific, not the vague 'Use when working with documents' of lower anchors.

5 / 5

Trigger Term Quality

The trigger list "setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms" contains natural phrases users would say, anchored by the distinctive keyword "Three.js". A few common natural terms are missing (e.g., "WebGL", "3D models", "Object3D", alternate "threejs" spelling), matching the 4-anchor 'good keyword coverage; a few natural terms missing' rather than the synonym- and extension-complete 5-anchor.

4 / 5

Distinctiveness Conflict Risk

"Three.js" plus the scoped fundamentals (scene setup, cameras, renderer, hierarchy, coordinates) carves a clear niche with distinct triggers, and the description deliberately avoids the territory of its named siblings (geometry creation, material types, lighting) except for one mild overlap in "working with transforms". This fits the 5-anchor 'clear niche with distinct triggers; minimal conflict risk' better than the 4-anchor's material overlap risk.

5 / 5

Total

18

/

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

calesthio/OpenMontage

Path

.agents/skills/threejs-fundamentals/SKILL.md

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.