Shader Dev
Install shader-dev when you want an agent-guided path to GLSL ray marching, fluids, particles, and procedural visuals for hero sections and motion stills.
Overview
shader-dev is an agent skill most often used in Build (also Validate, Launch) that guides GLSL shader techniques for ray marching, fluids, particles, and procedural hero and motion visuals.
Install
npx skills add https://github.com/nexu-io/open-design --skill shader-devWhat is this skill?
- Covers ray marching, fluid simulation, particle systems, and procedural generation in GLSL
- Oriented toward hero visuals and motion stills for product and brand surfaces
- Open Design catalog entry that routes you to the MiniMax-AI upstream skills bundle
- Trigger phrases include shader, glsl, ray marching, fluid simulation, and procedural generation
- Upstream category tagged as 3d-shaders with prototype-oriented Open Design mode
- Technique areas called out: ray marching, fluid simulation, particle systems, and procedural generation
Adoption & trust: 783 installs on skills.sh; 61.4k GitHub stars; 1/1 security scanners passed (skills.sh audits).
What problem does it solve?
You need distinctive hero or motion visuals but lack a structured GLSL path from idea to implementable shader techniques.
Who is it for?
Indie builders adding WebGL-style procedural heroes, ambient motion, or experimental visuals to a site or demo after installing the upstream skills bundle.
Skip if: Teams that only need static images from an API, have no WebGL/GLSL surface to host shaders, or want a turnkey render farm without touching shader code.
When should I use this skill?
User mentions shader, glsl, ray marching, fluid simulation, or procedural generation for hero or motion visuals.
What do I get? / Deliverables
Your agent can scope and invoke upstream MiniMax shader workflows so you get procedural GLSL directions aligned to hero visuals and motion stills.
- Planned GLSL shader approach for heroes or motion stills
- Pointers to upstream MiniMax shader workflows and assets
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Hero and motion visuals are usually implemented while building the product surface (landing, app shell, demos), so Build is the canonical shelf even though exploration can start earlier. WebGL/GLSL shaders attach to the user-facing frontend and marketing surfaces rather than backend APIs or ops tooling.
Where it fits
Explore procedural motion stills to judge whether a shader-driven aesthetic fits the product before committing to a full build.
Implement a ray-marched hero background and particle accents on the marketing or app shell.
Refresh launch creatives with updated shader-driven motion assets for social and landing pages.
How it compares
Use for procedural GLSL motion and 3D-style shader craft—not as a substitute for fal.ai realtime image moodboards or super-resolution upscale pipelines.
Common Questions / FAQ
Who is shader-dev for?
Solo builders and small teams shipping branded web or game-adjacent experiences who want agent help planning GLSL shader approaches for heroes and motion stills via the MiniMax upstream bundle.
When should I use shader-dev?
Use it during Validate when prototyping visual direction, during Build while implementing frontend hero or canvas experiences, and at Launch when refreshing motion assets—especially when triggers like glsl, ray marching, or procedural generation match your task.
Is shader-dev safe to install?
Treat it as a catalog pointer to third-party upstream content; review the Security Audits panel on this Prism page and inspect the MiniMax-AI/skills repository before installing scripts into your agent environment.
SKILL.md
READMESKILL.md - Shader Dev
# 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 Open Design 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: ```bash # 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.