shader-dev
nexu-io/open-design
GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation.
What is shader-dev?
A curated collection of GLSL shader techniques for creating advanced visual effects including ray marching, fluid simulation, particle systems, and procedural generation. Use this skill when you need to generate hero visuals, motion stills, or complex shader-based graphics.
- Ray marching techniques for volumetric and distance-field rendering
- Fluid simulation shaders for dynamic liquid and gas effects
- Particle system implementations for effects and motion graphics
- Procedural generation methods for textures and geometry
- GLSL shader patterns optimized for visual quality
How to install shader-dev
npx skills add https://github.com/nexu-io/open-design --skill shader-dev- GLSL shader knowledge
- Graphics rendering environment (WebGL, Unity, Unreal, or similar)
- Understanding of shader compilation and GPU programming
How to use shader-dev
- 1.Install the upstream bundle from https://github.com/MiniMax-AI/skills into your agent's skills directory
- 2.Invoke the skill by name (shader-dev) or use trigger phrases: shader, glsl, ray marching, fluid simulation, or procedural generation
- 3.Reference the upstream README for exact file paths and asset locations
- 4.Ask your agent to apply specific shader techniques to your project
Use cases
- Creating hero visuals and cinematic motion graphics
- Generating procedural textures and patterns for 3D scenes
- Implementing real-time fluid simulations for visual effects
- Building particle-based effects for animations
- Developing distance-field ray marching scenes
- Graphics programmers
- Visual effects artists
- 3D animation professionals
- Game developers
- Motion graphics designers
shader-dev FAQ
GLSL (OpenGL Shading Language) is the primary language used for all shader techniques in this skill.
Yes, the GLSL techniques can be adapted for use in game engines like Unity and Unreal Engine, though you may need to convert them to the engine's native shader format.
Basic understanding of GLSL and shader concepts is recommended. The skill provides curated techniques but assumes familiarity with shader programming fundamentals.
You can create ray-marched volumetric effects, fluid simulations, particle systems, and procedurally generated textures and geometry.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: shader-dev description: | GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills. triggers:
- "shader"
- "glsl"
- "ray marching"
- "fluid simulation"
- "procedural generation" od: mode: prototype category: 3d-shaders upstream: "https://github.com/MiniMax-AI/skills"
shader-dev
Curated from the MiniMax AI team.
What it does
GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills.
Source
- Upstream: https://github.com/MiniMax-AI/skills
- Category:
3d-shaders
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/MiniMax-AI/skills
Then ask the agent to invoke this skill by name (shader-dev) or with
one of the trigger phrases listed in this skill's frontmatter.
Related skills
More from nexu-io/open-design and the wider catalog.
slack-gif-creator
Create animated GIFs optimized for Slack with size constraints and animation primitives.
slides
Create and edit .pptx presentation decks with PptxGenJS for sales, briefs, and showcases.
social-reddit-card
Realistic Reddit post card with vote rail for video overlays and social sharing.
social-spotify-card
Spotify Now Playing-style card with album art, progress bar, and playback controls for overlays and homepages.
social-x-post-card
Realistic X post card with engagement metrics for video overlays and shareable images.
sora
Generate and manage short video clips using OpenAI's Sora API for cinematic content.