Shader Dev
- 1.8k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
GLSL shader implementations covering ray marching, fluid simulation, particle systems, and procedural generation techniques.
About
Shader-dev provides GLSL shader techniques for advanced graphics programming, covering ray marching, fluid simulation, particle systems, and procedural generation. Developers use this skill when building hero visuals, motion graphics, and interactive 3D effects that require custom shader implementations. The skill surfaces curated shader patterns from the MiniMax AI upstream repository, allowing agents to discover and invoke shader workflows during planning phases by name or trigger phrase. Key workflows include ray marching for volumetric rendering, fluid dynamics for realistic simulations, and procedural techniques for generating complex visual content without pre-rendered assets.
- GLSL ray marching techniques for volumetric and distance-field rendering
- Fluid simulation shaders for dynamic particle and liquid effects
- Procedural generation patterns for creating complex visuals without assets
- Particle system shader implementations for motion and effects
- Agent-discoverable skill triggered by shader, glsl, ray marching, fluid simulation, procedural generation keywords
Shader Dev by the numbers
- 1,755 all-time installs (skills.sh)
- +123 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #170 of 1,896 Design & UI/UX skills by installs in the Skillselion catalog
- Data as of Jul 28, 2026 (Skillselion catalog sync)
shader-dev capabilities & compatibility
- Capabilities
- ray marching rendering · fluid simulation · procedural generation · particle systems · distance field techniques
What shader-dev says it does
GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation.
Useful for hero visuals and motion stills.
npx skills add https://github.com/nexu-io/open-design --skill shader-devAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.8k |
|---|---|
| repo stars | ★ 82k |
| Security audit | 1 / 1 scanners passed |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
What it does
Create real-time visual effects using GLSL shaders for ray marching, fluid dynamics, and procedural generation in graphics applications.
Who is it for?
Real-time graphics development, motion design, procedural visual content generation, volumetric rendering.
Skip if: Server-side graphics rendering, non-interactive static assets, traditional rasterization pipelines.
When should I use this skill?
Building hero visuals, implementing particle effects, creating procedural textures, designing motion graphics, developing distance-field rendering.
What you get
Agent can invoke and apply GLSL shader techniques for hero visuals and motion graphics in graphics applications.
- glsl shader source
- procedural effect code
Files
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:
# Inspect the upstream README for exact paths
open https://github.com/MiniMax-AI/skillsThen 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
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kHow it compares
Pick shader-dev for GLSL-specific GPU effect generation rather than general CSS animation or static design mockup skills.
FAQ
What is ray marching and when should I use it?
Ray marching is a technique for rendering volumetric and distance-field effects by stepping along rays. Use it for smoke, clouds, and complex implicit geometry.
How do I discover and invoke this skill in my agent?
Install the upstream bundle from https://github.com/MiniMax-AI/skills into your agent's skills directory, then ask your agent to invoke 'shader-dev' or use trigger phrases like 'glsl' or 'procedural generation'.
Is Shader Dev safe to install?
skills.sh reports 1 of 1 security scanners passed. Review the Security Audits panel on this page before installing in production.