Write GLSL fragment shaders for procedural graphics in WebGL, Three.js, and Processing.
npx skills add https://github.com/lengo0951/pms --skill ck-shader-lengo0951
Please help me install this Agent Skill. Skill: ck:shader Source: https://github.com/lengo0951/pms/tree/main/.claude/skills/shader Command: npx skills add https://github.com/lengo0951/pms --skill ck-shader-lengo0951
This Skill provides a comprehensive toolkit for writing GLSL fragment shaders, enabling users to create procedural graphics, textures, and visual effects.
Start writing a new fragment shader by using the ck:shader skill with the command 'start shader "My Shader Name"'. Begin with the basic structure and add functionalities like shapes, colors, and noise.
High-intent search queries and answers about installing and using this skill.
To write GLSL fragment shaders for procedural graphics, you start with a basic structure and progressively add functionalities like shapes, colors, noise, and matrices to generate GPU-accelerated procedural textures and visual effects.
Procedural graphics generation using fragment shaders is the process of using GPU-accelerated GLSL code to algorithmically create textures, visual effects, and animations, rather than relying on pre-rendered image files.
Yes, you can create custom shaders for Three.js and WebGL. It specifically targets developers and artists using these platforms to generate unique visual effects for 3D models in games or applications.
The best way to start writing a new fragment shader is to initialize the basic structure and then add functionalities like shapes, colors, and noise to build up the procedural graphics and animations.
Yes, it supports generating noise and matrix transformations. It focuses specifically on shapes, patterns, noise, colors, matrices, gradients, and animations for procedural graphics creation.
GatsbyhateyouGuide Three.js material selection and configuration for 3D rendering.
bfollingtonWrite and edit Shadertoy GLSL fragment shaders with syntax references and patterns.
47thtechcornerConfigure Three.js material properties for PBR, Phong, and GLSL shaders.
haidonglethqbGenerate GLSL fragment shader templates with u_time and u_resolution uniforms.
