CtrlK
BlogDocsLog inGet started
Tessl Logo

threejs-postprocessing

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

67

Quality

83%

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

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

SKILL.md
Quality
Evals
Security

Quality

Content

71%Scale 1-5

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

This is a comprehensive, highly actionable reference for Three.js post-processing with excellent executable code examples covering a wide range of effects. Its main weakness is length—it reads more like a complete API reference than a focused skill, and the content would benefit from splitting the extensive effect catalog into a separate file. The WebGPU section and comparison table are valuable additions that address an important API transition.

Suggestions

Split the extensive effects catalog (SSAO, halftone, outline, custom shaders, etc.) into a separate EFFECTS_REFERENCE.md, keeping only the 3-4 most common effects (bloom, DOF, AA, vignette) in SKILL.md

Add a brief troubleshooting section covering common pitfalls (e.g., effects not visible because renderToScreen isn't set, color space issues with gamma correction, pass ordering mistakes)

DimensionReasoningScore

Conciseness

The skill is quite long (~400+ lines) with many effect examples that follow a repetitive pattern (import, create pass, add to composer). While each individual snippet is lean, the sheer volume of effects listed (bloom, FXAA, SMAA, SSAO, DOF, film grain, vignette, color correction, gamma, pixelation, glitch, halftone, outline, plus custom shaders) makes this more of a reference catalog than a focused skill. Some effects like the invert colors shader are trivial enough that Claude could derive them. However, there's minimal prose padding—most content is code.

3 / 5

Actionability

Every effect includes complete, copy-paste ready code with proper imports, constructor arguments with inline comments explaining parameters, and runtime adjustment examples. The custom ShaderPass section provides full vertex and fragment shaders. The selective bloom example shows a complete working pattern including the darken/restore material technique.

5 / 5

Workflow Clarity

The Quick Start establishes the correct sequence (create composer → add render pass → add effect passes → use composer.render() in loop). The 'Combining Multiple Effects' section shows proper ordering with a comment noting AA should be last. The resize handling section covers an important operational concern. However, there's no explicit validation/debugging guidance (e.g., what to check if effects aren't visible, common pitfalls beyond the NOT renderer.render() comment). Since this isn't a destructive operation, the missing validation doesn't cap the score.

4 / 5

Progressive Disclosure

The content is entirely self-contained in one large file with no bundle files. The 'See Also' section references related skills, which is good. However, the extensive catalog of effects (selective bloom, custom shaders, chromatic aberration, etc.) could benefit from being split into a separate reference file, keeping SKILL.md as a concise overview with the most common effects and linking to detailed examples.

3 / 5

Total

15

/

20

Passed

Description

95%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.

This is a strong skill description that concisely covers the domain (Three.js post-processing), lists specific capabilities, and includes an explicit 'Use when' clause with natural trigger terms. The description is well-structured, uses third person voice appropriately, and would be easily distinguishable from other skills in a large skill library.

DimensionReasoningScore

Specificity

Lists several specific actions/concepts: EffectComposer, bloom, DOF, screen effects, color grading, blur, glow, custom screen-space shaders. Good coverage but could mention a few more concrete operations like render pass chaining or specific pass types.

4 / 5

Completeness

Clearly answers both 'what' (Three.js post-processing with EffectComposer, bloom, DOF, screen effects) and 'when' (explicit 'Use when' clause covering adding visual effects, color grading, blur, glow, or creating custom screen-space shaders).

5 / 5

Trigger Term Quality

Excellent coverage of natural terms users would say: 'bloom', 'DOF', 'blur', 'glow', 'color grading', 'visual effects', 'post-processing', 'screen-space shaders', 'EffectComposer'. These are the exact terms Three.js developers use when seeking help with post-processing.

5 / 5

Distinctiveness Conflict Risk

Highly distinct niche: Three.js post-processing is a very specific domain. The combination of 'Three.js', 'EffectComposer', 'bloom', 'DOF', and 'screen-space shaders' creates a clear, unique identity that would not overlap with general rendering, animation, or other Three.js skills.

5 / 5

Total

19

/

20

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.

Validation9 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

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

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

9

/

11

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.