CtrlK
BlogDocsLog inGet started
Tessl Logo

threejs-skills

Create 3D scenes, interactive experiences, and visual effects using Three.js. Use when user requests 3D graphics, WebGL experiences, 3D visualizations, animations, or interactive 3D elements.

57

Quality

66%

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-skills/SKILL.md

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

SKILL.md
Quality
Evals
Security

Quality

Content

50%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 skill that is highly actionable but noticeably verbose and monolithic. Redundant animation examples and inlined advanced sections inflate the token budget without proportional value.

Suggestions

Consolidate the four near-identical requestAnimationFrame/animate-loop examples into a single canonical block and reference it, removing redundant code.

Split advanced topics (shadows, environment maps, post-processing, WebGPU, GSAP, LOD/instancing) into one-level-deep reference files (e.g. references/advanced.md) and link them from the body to improve progressive disclosure.

Trim basic-concept comments (e.g. "Scene - contains all 3D objects", "Ambient light - general illumination") that restate knowledge Claude already has.

DimensionReasoningScore

Conciseness

The body runs ~700 lines with repeated animation-loop blocks (the requestAnimationFrame pattern appears four times) and basic-concept comments like "Scene - contains all 3D objects" and "Ambient light - general illumination" that Claude already knows.

2 / 5

Actionability

Abundant concrete, mostly copy-paste-ready code covering imports, scene setup, lighting, raycasting, particles, and shadows; a minor gap is that several snippets reference an undefined `mesh` variable.

4 / 5

Workflow Clarity

Clear sequences exist (5-step "Systematic Development Process" and 8-step "Example Workflow"), but there are no validation checkpoints such as confirming the scene renders before adding complexity.

3 / 5

Progressive Disclosure

Well-organized section headers, but the skill is a single ~700-line monolithic file with advanced content (shadows, env maps, WebGPU, GSAP, LOD, instancing) inlined rather than split into one-level-deep reference files.

3 / 5

Total

12

/

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 strong, third-person description that clearly states both capability and trigger conditions with concrete natural-language terms. Minor gains are possible by broadening trigger synonyms and tightening the broad "animations" term.

DimensionReasoningScore

Specificity

Names the Three.js domain plus several concrete actions ("Create 3D scenes, interactive experiences, and visual effects"), though coverage could be more comprehensive.

4 / 5

Completeness

Explicitly answers both what ("Create 3D scenes, interactive experiences, and visual effects using Three.js") and when ("Use when user requests 3D graphics, WebGL experiences, 3D visualizations, animations, or interactive 3D elements") with concrete trigger phrases.

5 / 5

Trigger Term Quality

Good coverage of natural terms a user would say ("3D graphics, WebGL experiences, 3D visualizations, animations, interactive 3D elements"), with a few common phrasings like "3D model" absent from the description itself.

4 / 5

Distinctiveness Conflict Risk

The Three.js/WebGL/3D niche is clearly distinct, but the bare term "animations" creates minor overlap risk with general animation or motion-design skills.

4 / 5

Total

17

/

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.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (716 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.