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-shaders98
Does it follow best practices?
Validation for skill structure
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.
| Dimension | Reasoning | Score |
|---|---|---|
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.
| Dimension | Reasoning | Score |
|---|---|---|
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.
Validation — 13 / 16 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
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 | |
Table of Contents
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.