shader-dev
shader-dev equips AI coding agents with production-grade instruction for GLSL shader development. Access curated patterns and best practices to build real-time visual effects efficiently. Integrate this skill into your AI coding workflow to accelerate shader implementation.
shader-dev provides production-grade instruction for implementing GLSL shader techniques including ray marching for real-time visual effects. The skill covers signed distance functions (SDFs), volumetric rendering, and optimization strategies for WebGL2 deployment, enabling you to build complex 3D scenes efficiently.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-04-18
shader-dev provides production-grade instruction for implementing GLSL shader techniques including ray marching for real-time visual effects. The skill covers signed distance functions (SDFs), volumetric rendering, and optimization strategies for WebGL2 deployment, enabling you to build complex 3D scenes efficiently.
Use it when
- shader-dev equips you with curated patterns for creating 3D scenes using signed distance functions and ray marching.
- Yes.
Verify before relying
Read SKILL.md below before installing (60 files). Open directory: indexed for reading, not audited.
Install
MiniMax-AI/skills/shader-dev · repository language: C#
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What GLSL shader techniques does shader-dev cover for ray marching?
shader-dev provides production-grade instruction for implementing GLSL shader techniques including ray marching for real-time visual effects. The skill covers signed distance functions (SDFs), volumetric rendering, and optimization strategies for WebGL2 deployment, enabling you to build complex 3D scenes efficiently.
How do I create SDF 3D scenes with shader-dev?
shader-dev equips you with curated patterns for creating 3D scenes using signed distance functions and ray marching. The skill includes best practices for structuring SDF operations, combining primitives, and implementing efficient rendering pipelines to accelerate your shader development workflow.
Can shader-dev help generate procedural noise for textures?
Yes. shader-dev covers procedural texture and pattern generation using noise functions and fractals. The skill provides implementation patterns for Perlin noise, Simplex noise, and fractal techniques like Mandelbrot and Julia sets, enabling real-time procedural content creation in your shaders.
What particle and physics effects can I simulate with shader-dev?
shader-dev includes GPU-accelerated simulation patterns for particle effects, fluid dynamics, fire, smoke, and physics-based phenomena. The skill provides GLSL code examples and optimization techniques for real-time performance, helping you implement complex visual effects efficiently on the GPU.
Does shader-dev support WebGL2 shader deployment and debugging?
shader-dev includes best practices for debugging and optimizing shader code specifically for WebGL2 deployment. The skill covers shader compilation, error handling, performance profiling, and ShaderToy-compatible code patterns to streamline your real-time visual effects pipeline.
What advanced shader techniques are included in shader-dev?
shader-dev covers advanced techniques including PBR lighting, soft shadows, ambient occlusion, post-processing effects (bloom, tone mapping), water simulation, volumetric clouds, terrain generation, and domain warping. All patterns are optimized for real-time rendering and integrate seamlessly into production AI coding workflows.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Shader Craft
A unified skill covering 36 GLSL shader techniques (ShaderToy-compatible) for real-time visual effects.
Invocation
/shader-dev <request>
$ARGUMENTS contains the user's request (e.g. "create a raymarched SDF scene with soft shadows").
Skill Structure
``` shader-dev/ ├── SKILL.md # Core skill (this file) ├── techniques/ # Implementation guides (read per routing table) │ ├── ray-marching.md # Sphere tracing with SDF │ ├── sdf-3d.md # 3D signed distance functions │ ├── lighting-model.md # PBR, Phong, toon shading │ ├── procedural-noise.md # Perlin, Simplex, FBM │ └── ... # 34 more technique files └── reference/ # Detailed guides (read as needed) ├── ray-marching.md # Math derivations & advanced patterns ├──
(truncated - see the full file via the links below)
File tree — 15 files
skills/shader-dev/SKILL.md
skills/shader-dev/reference/ambient-occlusion.md
skills/shader-dev/reference/analytic-ray-tracing.md
skills/shader-dev/reference/anti-aliasing.md
skills/shader-dev/reference/atmospheric-scattering.md
skills/shader-dev/reference/camera-effects.md
skills/shader-dev/reference/cellular-automata.md
skills/shader-dev/reference/color-palette.md
skills/shader-dev/reference/csg-boolean-operations.md
skills/shader-dev/reference/domain-repetition.md
skills/shader-dev/reference/domain-warping.md
skills/shader-dev/reference/fluid-simulation.md
skills/shader-dev/reference/fractal-rendering.md
skills/shader-dev/reference/lighting-model.md
skills/shader-dev/reference/matrix-transform.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Learn and implement GLSL shader techniques for real-time visual effects”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill brings Shadertoy's shader library into your agent environment, letting you browse and run shader code with live rendering. Perfect for developers exploring GPU graphics, visual effects, or procedural art without leaving your workflow.
shader-noise provides GLSL implementations for procedural noise generation, enabling realistic texture synthesis and visual effects in shader pipelines. Use Perlin, Simplex, or fractal noise algorithms to add organic variation and detail to your rendering workflows. Ideal for game development, creative coding, and graphics applications requiring dynamic, noise-driven visual content.
webgl-card-effects brings hardware-accelerated graphics to your React card components through WebGL rendering. Build fluid, visually rich interactions without sacrificing performance, leveraging the GPU to handle complex animations and effects that would otherwise strain the CPU. Perfect for creating polished, modern card-based interfaces.
shader-router directs shader-related work to the right specialized skill by analyzing your visual objectives. Built as a browser-based management layer for Claude MCP skills, it streamlines how you organize and deploy shader expertise across your workflow.
implicit-cad lets you build and modify 3D CAD geometry using GLSL signed-distance field expressions. Rather than traditional CAD interfaces, you describe shapes mathematically and watch them render in real time. Perfect for procedural design, parametric modeling, and exploring computational geometry.
Frontend-dev orchestrates five specialized capabilities—design engineering, motion systems, AI asset generation, copywriting, and generative art—to create complete, visually striking web pages. It handles layout architecture, animation sequencing, local media generation, and content crafting across React, Vue, Astro, and pure HTML frameworks. Use it to build landing pages, marketing sites, product pages, dashboards, and generative art with real assets and advanced motion.
More skills R3f Shaders (unlicensed) · Threejs Shaders (AGPL-3.0) · Godot Shader Developer (unlicensed) · shader-sdf (MIT)