Name: threejs-shaders
Rating: 66.4 (1 reviews)
Author: administrakt0r

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.

Quality

81%

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

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

Quality

Content

78%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 dense, highly actionable shader reference with excellent copy-paste code across GLSL and TSL. Its main weakness is progressive disclosure: with no bundle files, the entire pattern library and function cheatset live inline in one large SKILL.md rather than being split into referenced subfiles.

Suggestions

Move the "GLSL Built-in Functions" cheatsheet into a references/ file (e.g. references/gsl-reference.md) and link to it, since Claude already knows these functions and it adds bulk without earning its tokens.

Extract the "Common Shader Patterns" library into references/patterns.md, keeping only one or two canonical examples inline in SKILL.md with a clearly signaled link.

Add a short "How to approach a shader task" sequencing note (pick material type -> define uniforms -> write vertex/fragment -> verify in renderer.debug) to give the reference an explicit workflow spine.

Dimension	Reasoning	Score
Conciseness	A lean, code-forward reference that assumes Claude's competence and avoids explaining what shaders/GLSL are, though the "GLSL Built-in Functions" cheatsheet (abs, sin, cos, mix, etc.) largely restates functions Claude already knows and could be trimmed.	4 / 5
Actionability	Dozens of complete, copy-paste-ready ShaderMaterial/RawShaderMaterial snippets covering uniforms, varyings, displacement, Fresnel, noise, dissolve, onBeforeCompile, instancing, and TSL, all directly executable.	5 / 5
Workflow Clarity	A Quick Start establishes the entry point and the document flows logically from basics to advanced patterns with no destructive/batch operations requiring validation; it is a reference catalog rather than a sequenced process, so it stops just short of explicit checkpoint-driven workflows.	4 / 5
Progressive Disclosure	Section headers and a Quick Start give it real structure, but ~680 lines of content (the full effect-pattern library, GLSL function cheatsheet, TSL guide) are all inlined in SKILL.md with no bundle files or one-level-deep references to split the bulk into, so content that should be progressively disclosed is monolithic.	3 / 5
	Total	16 / 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 well-crafted description that clearly names the domain, enumerates concrete actions, and provides an explicit "Use when..." trigger clause. Minor overlap risk with related Three.js skills and a few missing trigger synonyms keep it just below the top anchor.

Dimension	Reasoning	Score
Specificity	Lists several concrete actions ("creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials") alongside the GLSL/ShaderMaterial/uniforms domain, though "custom visual effects" is somewhat generic, leaving minor coverage gaps.	4 / 5
Completeness	Explicitly states what it does ("Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects") and when to use it ("Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials") with concrete trigger phrases.	5 / 5
Trigger Term Quality	Strong natural keywords ("shaders", "GLSL", "fragment shaders", "uniforms", "custom effects", "modifying vertices") users would say, but missing common synonyms/variants like "vertex shaders", "WebGL", or "post-processing".	4 / 5
Distinctiveness Conflict Risk	"Three.js shaders" is a clear niche with distinct triggers, but "extending built-in materials" and the visual-effects framing create minor overlap with sibling threejs-materials and threejs-postprocessing skills.	4 / 5
	Total	17 / 20 Passed

Validation

87%

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 — 14 / 16 Passed

Validation for skill structure

Criteria	Description	Result
skill_md_line_count	SKILL.md is long (688 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
Path: plugins/AI-Agents-Safe-Coding-Skills-claude/skills/threejs-shaders/SKILL.md
Commit: debb2ec

Reviewed: 1 day 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.