CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

threejs-asset-pipeline

Shrinking glTF assets for three.js with gltf-transform: inspect, validate and optimize commands, Draco, meshopt and quantization, KTX2, WebP and AVIF textures, the loader setup each output needs, and gltfjsx for React. Use when compressing, optimizing or validating 3D models before loading them.

Quality

92%

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

SKILL.md
Quality
Evals
Security

Quality

Content

88%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 high-quality, highly actionable reference: copy-paste commands with defaults and exact error messages, a validated inspect→optimize→validate pipeline with ordering rules, and mistake/fix pairs. The two weaker spots are the duplicated generic three.js boilerplate in Quick Start and the absence of any reference-file split for the more peripheral sections.

Suggestions

Trim the Quick Start code block to the loader wiring plus a one-line note that PBR materials need lights, dropping the generic renderer/scene/camera/animation-loop setup that the skill otherwise assumes Claude knows.

Consider moving peripheral sections (WebGPU/TSL, gltfjsx/React, Common Mistakes) into references/ files linked from a short overview, keeping SKILL.md focused on the core inspect/optimize/load pipeline.

DimensionReasoningScore

Conciseness

The body is dense and assumes competence — no concept tutorials, every paragraph carries non-obvious specifics (flag defaults, ordering rules, deprecation releases). However, the Quick Start inlines ~20 lines of generic three.js boilerplate (renderer, scene, lights, camera, animation loop) that Claude already knows and that the later "Loader Setup" section repeats in minimal form — efficient with minor instances of over-explanation that could be trimmed (anchor 4).

4 / 5

Actionability

Every command and code block is fully executable and copy-paste ready — e.g. "npx @gltf-transform/cli optimize model.glb model.opt.glb --compress draco --texture-compress webp --texture-size 2048", exact loader-wiring imports, and a Node SDK pipeline — with flag defaults, exact error strings, and wrong→right Common Mistakes pairs covering the common cases. Matches the fully-executable anchor.

5 / 5

Workflow Clarity

The sequence is explicit with validation checkpoints: "Run `inspect` before and after to see what the pass saved", `validate` "exits nonzero when errors are found, so it works as a CI gate", the ordering rule "Make `draco`, `meshopt` or `optimize` the last command in a chain", and per-error recovery via the Common Mistakes section (each missing loader piece with the exact exception it throws and its fix). Outputs are written to new files rather than destructively overwritten, and verification is present throughout, so the destructive/batch cap does not apply.

5 / 5

Progressive Disclosure

No bundle files exist; the whole skill is one ~240-line SKILL.md with well-organized, clearly headed sections and a See Also delimiting sibling skills. Structure is good and navigation is easy, but it exceeds the simple-skill case and keeps advanced material (WebGPU/TSL, gltfjsx, Common Mistakes) fully inlined where reference files could carry it — good structure with minor organization gaps (anchor 4) rather than an appropriately split overview (anchor 5).

4 / 5

Total

18

/

20

Passed

Description

92%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: concrete, comprehensive, third-person, with an explicit Use-when trigger clause and well-differentiated scope. The only gap is minor — missing file extensions (.glb/.gltf) and a couple of common synonyms that anchor-5 trigger coverage would include.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "inspect, validate and optimize commands, Draco, meshopt and quantization, KTX2, WebP and AVIF textures, the loader setup each output needs, and gltfjsx for React" — with comprehensive coverage of the domain, in third-person voice ("Shrinking glTF assets"). This matches the anchor for multiple specific concrete actions and comprehensive coverage; nothing is vague or padded.

5 / 5

Completeness

Explicitly answers both: what — "Shrinking glTF assets for three.js with gltf-transform" plus the full action list; and when — "Use when compressing, optimizing or validating 3D models before loading them." This is a direct match for the anchor that clearly and explicitly answers both what and when with concrete trigger phrases.

5 / 5

Trigger Term Quality

Natural user phrasing is present ("compressing, optimizing or validating 3D models", glTF, three.js, Draco, WebP, AVIF, React), but the description omits file extensions (.glb/.gltf) and common synonyms like "reduce file size" or "smaller model". Good keyword coverage with a few natural terms missing fits anchor 4; it falls short of anchor 5, which requires comprehensive coverage including synonyms and file extensions.

4 / 5

Distinctiveness Conflict Risk

A clear niche (gltf-transform-based glTF asset compression for three.js) with distinct triggers around compression, codec and texture-format names; the body further delimits siblings (threejs-loaders, threejs-react-three-fiber, threejs-performance). Minimal conflict risk, matching the anchor for a clear niche with distinct triggers.

5 / 5

Total

19

/

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

CloudAI-X/threejs-skills

Path

skills/threejs-asset-pipeline/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.