skills.rest
dzackgarza
dzackgarzaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

shader-dev

Create and organize GLSL shader techniques for real-time visuals.

1|Updated Feb 24, 2026
Search Tags:#graphics#glsl#webgl#sdf#shader#ray-marching#shader-dev
One-click install
npx skills add https://github.com/dzackgarza/ai --skill shader-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shader-dev
Source: https://github.com/dzackgarza/ai/tree/main/opencode/skills/minimax-ai-skills-shader-dev
Command: npx skills add https://github.com/dzackgarza/ai --skill shader-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill compiles and teaches a comprehensive suite of GLSL shader techniques to help you create real-time visuals—from ray marching to post-processing—without reinventing the wheel.

Core Features & Use Cases

  • 36 Shader techniques covering ray marching, SDF modeling, lighting, post-processing, particle systems, and procedural generation.
  • Learn how to route techniques into complete pipelines and adapt them to your own projects (ShaderToy/WebGL templates included).
  • Real-world use cases: rapid prototyping of effects, educational demonstrations, and production-quality shader explorations across graphics, game art, and interactive visuals.

Quick Start

Run the ShaderDev templates to start building a ray-marched shader scene immediately.

Frequently Asked Questions about shader-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create ray marching scenes with SDFs in GLSL?▼

Ray marching scenes with SDFs in GLSL are created by structuring signed distance functions into a rendering pipeline. This Skill provides templates and routing to build ray-marched shader scenes immediately without reinventing the wheel.

What GLSL shader techniques are available for real-time visuals?▼

GLSL shader techniques for real-time visuals include 36 distinct methods covering ray marching, SDF modeling, lighting, post-processing, particle systems, and procedural generation. These are organized into structured pipelines for rapid prototyping.

Can I use these shader techniques for ShaderToy and WebGL projects?▼

Yes, these shader techniques explicitly support ShaderToy and WebGL projects. The Skill includes specific templates for these platforms, allowing graphics programmers and game developers to adapt routing pipelines into their own interactive visual projects.

What is the best way to organize a shader pipeline for procedural generation?▼

The best way to organize a shader pipeline for procedural generation is by routing individual techniques into a complete structured workflow. This Skill enforces a structured pipeline with templates, routing, and examples to accelerate creation.

Do I need prior graphics programming experience to use these shader templates?▼

Prior graphics programming experience is beneficial but not strictly required. The Skill serves both educational demonstrations for learning and production-quality explorations for graphics programmers and shader artists working with real-time visuals.

Related Skills

Explore More Design & Creative Skills→
bfollingtonbfollington
52

shadertoy

Write and edit Shadertoy GLSL fragment shaders with syntax references and patterns.

Community
Basic
hotriluanhotriluan

ck:shader

Generate GLSL fragment shaders for procedural graphics in WebGL/Three.js projects.

Community
Advanced
xuyannan0321xuyannan0321

shader-dev

Create GLSL shader techniques for visual effects in WebGL2.

Community
Advanced
darknetopencv-altdarknetopencv-alt
34

shader-dev

Provide 36 ShaderToy-compatible GLSL shader techniques for real-time 3D effects.

Community
Advanced