Generate GLSL fragment shader templates with u_time and u_resolution uniforms.
npx skills add https://github.com/haidonglethqb/CloudSchool --skill shader-haidonglethqb
Please help me install this Agent Skill. Skill: shader Source: https://github.com/haidonglethqb/CloudSchool/tree/main/.claude/skills/shader Command: npx skills add https://github.com/haidonglethqb/CloudSchool --skill shader-haidonglethqb
Writing GLSL shader boilerplate and common patterns from scratch slows exploration. This skill provides ready-to-use fragment shader templates to accelerate shader development for procedural graphics.
Write a simple fragment shader using the included templates to render a procedural color gradient.
High-intent search queries and answers about installing and using this skill.
To generate GLSL fragment shaders for procedural graphics, you can use ready-to-use templates that define core structures with uniforms like u_time and u_resolution. This accelerates shader development by providing common utilities and example patterns such as noise and SDFs.
The best way to start writing GLSL boilerplate for WebGL projects is to use pre-built fragment shader templates. These provide standard uniforms and common utilities, allowing you to quickly render procedural color gradients without writing patterns from scratch.
Yes, you can use these shader templates with Three.js and generative art demos. The templates are specifically applicable to shader-based animations and visual effects across WebGL, Three.js, and various shader playgrounds.
For procedural texture creation, the common utilities included are standard uniforms like u_time and u_resolution, alongside example patterns for noise, signed distance functions (SDFs), and color spaces to facilitate visual effects.
You can find learning references for shader-based animations directly within the skill's references component. These links guide you through the core GLSL shader structure and common patterns needed for procedural graphics.
hotriluanGenerate GLSL fragment shaders for procedural graphics in WebGL/Three.js projects.
bfollingtonWrite and edit Shadertoy GLSL fragment shaders with syntax references and patterns.
tapanshahAnalyze ad budget allocation and bidding strategies across Google, Meta, LinkedIn, and TikTok.
congthang12312Generate GLSL fragment shaders for procedural graphics and visual effects.
