Generate GLSL ES fragment shaders with noise, SDF shapes, and animations.
npx skills add https://github.com/hidonguyen/trade-ops --skill ck-shader-hidonguyen
Please help me install this Agent Skill. Skill: ck:shader Source: https://github.com/hidonguyen/trade-ops/tree/main/.opencode/skills/shader Command: npx skills add https://github.com/hidonguyen/trade-ops --skill ck-shader-hidonguyen
Procedural shader development can be time-consuming and error-prone, requiring deep knowledge of GLSL, noise, SDF techniques, and animation uniforms; this Skill condenses best practices and reusable implementations so you can produce high-quality fragment shaders faster.
Generate a GLSL fragment shader that renders an animated procedural cloud texture using fbm and simplex noise and is compatible with WebGL uniforms u_time and u_resolution.
High-intent search queries and answers about installing and using this skill.
Generate GLSL fragment shaders for procedural textures like clouds and marble by leveraging built-in recipes for fBm, simplex, and gradient noise. The Skill outputs GLSL ES compatible code using standard uniforms like u_time and u_resolution for immediate use in WebGL workflows.
Yes, you can create SDF shapes and animations for Three.js. The Skill provides ready implementations for SDF composition, domain warping, and animated effects, producing fragment code that integrates directly into Three.js and WebGL rendering pipelines.
The best way to implement noise functions like Perlin, simplex, and Worley in a fragment shader is using pre-built recipes for gradient, cellular, and ridged noise variations. The Skill condenses these best practices into reusable GLSL ES code to avoid common procedural generation errors.
Yes, the Skill fully supports ShaderToy workflows by generating GLSL fragment code that utilizes standard uniforms such as u_time, u_resolution, and u_mouse. It includes ready-to-use implementations for polar symmetry, tiling, and color conversions needed for ShaderToy projects.
Build animated procedural fire and water caustics effects in WebGL by combining the Skill's fBm, turbulence, and animated noise recipes. It generates GLSL ES fragment code with time-based animation controls and HSB/RGB color conversion utilities for dynamic visual effects.
Available GLSL utilities include HSB/RGB conversion functions, gradient builders, and animated hue controls for color manipulation, alongside domain warping and Truchet tiles for complex pattern composition. These functions output standardized GLSL ES code for procedural graphics rendering.
tanepiperGenerate multiple procedural noise types for GLSL shader textures.
bfollingtonWrite and edit Shadertoy GLSL fragment shaders with syntax references and patterns.
Thanh-aperoDevelop custom GLSL fragment shaders for procedural graphics in WebGL and Three.js.
haidonglethqbGenerate GLSL fragment shader templates with u_time and u_resolution uniforms.
