CtrlK
BlogDocsLog inGet started
Tessl Logo

threejs-shaders

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

Install with Tessl CLI

npx tessl i github:cloudai-x/threejs-skills --skill threejs-shaders
What are skills?

98

Does it follow best practices?

Validation for skill structure

SKILL.md
Review
Evals

Discovery

100%

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 well-crafted skill description that excels across all dimensions. It uses third person voice, provides specific technical capabilities, includes natural trigger terms that developers would use, and has an explicit 'Use when...' clause. The shader/GLSL focus creates a clear, non-conflicting niche.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: 'GLSL, ShaderMaterial, uniforms, custom effects' and 'modifying vertices, writing fragment shaders, extending built-in materials' - these are concrete, actionable capabilities.

3 / 3

Completeness

Clearly answers both what ('Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects') AND when ('Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials') with explicit trigger guidance.

3 / 3

Trigger Term Quality

Excellent coverage of natural terms users would say: 'Three.js', 'shaders', 'GLSL', 'ShaderMaterial', 'uniforms', 'custom effects', 'vertices', 'fragment shaders', 'materials' - these are exactly what developers would mention when needing shader help.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive niche - Three.js shaders and GLSL are very specific to WebGL/3D graphics programming. Unlikely to conflict with general JavaScript, CSS, or other visual skills due to the technical specificity of shader terminology.

3 / 3

Total

12

/

12

Passed

Implementation

100%

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

This is an excellent shader reference skill that provides comprehensive, actionable guidance for Three.js shader development. It efficiently covers the full spectrum from basic ShaderMaterial usage to advanced patterns like Fresnel effects and dissolve shaders, all with executable code examples. The organization is logical and the content respects Claude's intelligence by avoiding unnecessary explanations of fundamental concepts.

DimensionReasoningScore

Conciseness

The skill is lean and efficient, presenting code examples without unnecessary explanations of basic concepts. Every section provides actionable code snippets without verbose preambles about what shaders are or how GLSL works.

3 / 3

Actionability

Fully executable code examples throughout - from basic ShaderMaterial setup to advanced patterns like Fresnel effects, dissolve, and instancing. All code is copy-paste ready with complete shader strings and proper Three.js integration.

3 / 3

Workflow Clarity

For a reference-style skill covering shader patterns, the organization is clear. Each section builds logically from basics (Quick Start) to advanced topics (extending materials, debugging). The debugging section provides explicit validation approaches for shader development.

3 / 3

Progressive Disclosure

Well-organized with clear sections progressing from quick start to advanced topics. Appropriate cross-references to related skills (threejs-materials, threejs-postprocessing, threejs-textures) at the end. Content is appropriately contained without excessive nesting.

3 / 3

Total

12

/

12

Passed

Validation

81%

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

Validation13 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (643 lines); consider splitting into references/ and linking

Warning

metadata_version

'metadata' field is not a dictionary

Warning

license_field

'license' field is missing

Warning

Total

13

/

16

Passed

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.