mcpField
T
threejs-shaders

threejs-shaders

github.com/sickn33Creative & media48.8k140 installsUpdated today
Repository

About threejs-shaders

threejs-shaders is a skill for Three.js shader work, intended for tasks involving custom GLSL or material behavior beyond built-in materials. It provides a guided procedure and reference material, with validation and safety requirements.

Key features

  1. 01Guidance for custom Three.js shaders
  2. 02ShaderMaterial and uniform workflows
  3. 03GLSL vertex and fragment effects
  4. 04Procedure and reference guide

Use cases

  1. 01Implementing custom shader logic
  2. 02Deforming vertices with GLSL
  3. 03Adding fragment-based visual effects

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill threejs-shaders

After installing, type/threejs-shadersin Claude Code to confirm it loaded.

Bundled filesreferences/detailed-guide.md

Details

From the project README

Three.js Shaders

Detailed Guide

Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.

When to Use

  • You need custom shader logic in Three.js.
  • The task involves ShaderMaterial, uniforms, GLSL, vertex deformation, or fragment-based effects.
  • You are extending material behavior beyond what built-in materials provide.

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Comments

Markdown supported