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

84%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Quality

Content

81%Scale 1-5

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

This is a well-structured Three.js fundamentals reference with excellent actionability — every concept is backed by executable code. The main weakness is that it's somewhat long, with the math utilities and Color sections adding bulk that Claude likely doesn't need in a fundamentals skill. The progressive disclosure is good with cross-references to related skills, though the inline math reference could be separated.

Suggestions

Move the Math Utilities section (Vector3, Matrix4, Quaternion, Euler, Color, MathUtils) to a separate reference file like `threejs-math.md` and link to it, keeping only the most essential operations inline.

Trim API-documentation-style listings (e.g., every Color constructor variant, every MathUtils function) since Claude already knows these — focus on Three.js-specific gotchas and patterns instead.

Dimension	Reasoning	Score
Conciseness	The skill is comprehensive but includes some content Claude already knows well (Vector3 operations, Matrix4 basics, Color constructors, MathUtils). The math utilities section especially feels like API documentation that doesn't need to be in a fundamentals skill. However, the code examples are clean and not padded with unnecessary prose.	3 / 5
Actionability	Every section provides fully executable, copy-paste ready code examples. The Quick Start is a complete working scene, camera types show full constructor patterns, and common patterns like cleanup and responsive canvas are immediately usable.	5 / 5
Workflow Clarity	This is primarily a reference/setup skill rather than a multi-step destructive workflow, so the simple-skill exception applies. The Quick Start provides a clear sequence (create scene → camera → renderer → mesh → light → animate → handle resize), and the cleanup pattern shows proper disposal order. No destructive or batch operations require validation checkpoints.	5 / 5
Progressive Disclosure	The content is well-structured with clear section headers and a 'See Also' section pointing to related skills (threejs-geometry, threejs-materials, threejs-lighting). However, the math utilities section (Vector3, Matrix4, Quaternion, Euler, Color, MathUtils) is quite long and could be split into a separate reference file. No bundle files exist to offload this content to, but the skill would benefit from that separation.	4 / 5
	Total	17 / 20 Passed

Description

87%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.

This is a strong skill description that clearly identifies its domain (Three.js fundamentals), lists specific capabilities, and includes an explicit 'Use when...' clause with relevant trigger scenarios. The description is concise and well-structured. Minor improvements could include adding a few more natural trigger terms and phrasing capabilities as more explicit actions.

Dimension	Reasoning	Score
Specificity	Lists several specific actions: scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. These are concrete concepts within Three.js, though it reads more like a topic list than explicit actions (e.g., 'creating cameras' vs 'configuring camera projections and frustums').	4 / 5
Completeness	Clearly answers both 'what' (Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems) and 'when' with an explicit 'Use when...' clause listing concrete trigger scenarios (setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, working with transforms).	5 / 5
Trigger Term Quality	Includes good natural keywords like 'Three.js', '3D scenes', 'cameras', 'renderers', 'object hierarchies', 'transforms', and 'coordinate systems'. Missing some synonyms or related terms users might say like 'WebGL', 'scene graph', '3D rendering', 'perspective camera', or 'OrbitControls'.	4 / 5
Distinctiveness Conflict Risk	Highly distinctive due to the specific Three.js domain and concrete concepts like Object3D hierarchy, coordinate systems, and renderer configuration. Unlikely to conflict with other skills unless there are multiple Three.js skills covering different aspects, in which case the scope is well-delineated to foundational scene setup.	5 / 5
	Total	18 / 20 Passed

Validation

81%

Warnings & errors only

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

Validation — 9 / 11 Passed

Validation for skill structure

Criteria	Description	Result
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	9 / 11 Passed

Repository: administrakt0r/AI-Agents-Safe-Coding-Skills
Path: skills/threejs-fundamentals/SKILL.md
Commit: debb2ec

Reviewed: 15 hours ago

Table of Contents

Discovery Implementation Validation

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.