Skip to main content
affpapa.org
RU EN
skill Claude Code CX Codex Cursor GitHub Copilot

shader-dev — Claude Code skill: what it does, how to install

Provides GLSL shader techniques for ray marching, fluid simulation, and procedural graphics. Helps coding agents generate visuals and motion stills for hero sections.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add nexu-io/open-design --skill shader-dev -a claude-code
Open on GitHub

What shader-dev does

The skill equips the agent with GLSL shader workflows. It covers ray marching, fluid simulation, and procedural generation for motion stills or hero section backgrounds. The agent applies these math and rendering concepts directly in chat.

Curated by the MiniMax AI team, this entry sits in OpenDesign under the 3d-shaders category. It operates in prototype mode. The entry advertises shader patterns so your agent notices them while planning code tasks. Triggers include shader, glsl, and ray marching.

If you need original assets, scripts, or references, the upstream repository MiniMax-AI/skills must be installed separately into your agent's skills directory. Without the upstream bundle, the agent relies solely on prompt heuristics. That makes an upstream check necessary before building asset-heavy graphics.

What it helps with

  • write GLSL ray marching shaders
  • implement procedural graphics for hero sections
  • generate particle or fluid simulations
  • prototype motion stills in shader code

Example prompts for the agent

  • shader-dev: generate a ray marching shader for a hero background
  • write a GLSL fluid simulation for motion visuals
  • create a procedural generation shader in GLSL

How to install shader-dev

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill shader-dev -a claude-code

2Manually: put the files in place

~/.claude/skills/shader-dev/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/shader-dev/

From the same set39

The whole set →
ui-ux-pro-max nexu-io A discovery catalog entry for the UI/UX Pro Max skill in OpenDesign. It registers design system triggers so agents recognize interface usability requests. Claude Code CX Codex Cursor +1 5,400installs frontend-design nexu-io Skill for building frontend interfaces with considered typography, color and layout — from landing pages to dashboards. Claude Code CX Codex Cursor +1 4,800installs threejs nexu-io Guides the agent in building browser 3D scenes, materials, interactive controls, and post-processing with Three.js. Claude Code CX Codex Cursor +1 3,400installs creative-director nexu-io This skill takes a creative concept from brief to presentation and checks it on three axes. Use it for campaign ideas and creative critique. Claude Code CX Codex Cursor +1 3,400installs design-brief nexu-io Parses an I-Lang design brief into a concrete spec with palette, typography, density, and constraints. Eliminates ambiguity from phrases like "make it professional." Claude Code CX Codex Cursor +1 3,400installs apple-hig nexu-io Integrates Apple Human Interface Guidelines for iOS, macOS, visionOS, watchOS, and tvOS into your coding agent during planning. Claude Code CX Codex Cursor +1 3,200installs hatch-pet nexu-io Creates, validates, and packages 8×9 animated pet spritesheets for Codex. Use it when turning visual references or concept prompts into importable digital pet companions. Claude Code CX Codex Cursor +1 3,100installs d3-visualization nexu-io This skill teaches the agent to create interactive D3.js visualizations. Use it to generate charts for dashboards, reports, and data-rich prototypes. Claude Code CX Codex Cursor +1 3,100installs

Similar

threejs-animation CloudAI-X Skill for keyframe, skeletal and morph-target animation in Three.js. Play glTF animations, control bones, blend and crossfade clips on WebGL and WebGPU. Claude Code CX Codex Cursor +1 20,100installs dfam-check earthtojake Measures mesh files against Design for Additive Manufacturing rules to evaluate printability before slicing or running CAD regeneration. Claude Code CX Codex Cursor +1 4,100installs threejs-fundamentals CloudAI-X Sets up Three.js r186 scenes, cameras, renderers, and animation loops for WebGL or WebGPU with TSL. Claude Code CX Codex Cursor +1 17,100installs sprite-pipeline official OpenAI Creates and normalizes 2D animation strips from an approved frame. Use it when game sprites need consistent scale and alignment before review. CX Codex GP ChatGPT 53installs orbit-card heygen-com Adds a 10-second 1920×1080 HyperFrames motion block where a single feature card orbits a dot sphere using exported Blender camera paths. Claude Code CX Codex Cursor +1 9,800installs sdf earthtojake This skill authors and validates SDFormat files for models and worlds, then helps prepare them for simulator handoff. Claude Code CX Codex Cursor +1 10,500installs urdf earthtojake This skill helps create, validate, and debug URDF robot descriptions. Use it when working with links, joints, geometry, meshes, or inertial data. Claude Code CX Codex Cursor +1 10,400installs hatch-pet official openai Creates and packages animated pets and spritesheets for Codex. Use it to turn a character concept, reference image, or brand cues into a pet. Claude Code CX Codex Cursor +1 3,300installs

Questions about shader-dev

How to install shader-dev in Claude Code?

Run npx skills add nexu-io/open-design --skill shader-dev -a claude-code in your terminal. The tool places the skill definition into ~/.claude/skills/shader-dev/SKILL.md.

What does shader-dev do?

It supplies your agent with GLSL techniques for ray marching, particle systems, and fluid simulations. This guides the agent when creating visual graphics and motion stills.

What is required to run the full shader-dev workflow?

The skill is curated from MiniMax-AI/skills. To use original scripts, assets, and references, clone or install the upstream repository into your active agent skills directory.

Source text

SKILL.md · Apache-2.0 
---
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:

```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.

© nexu-io · Apache-2.0 · nexu-io/open-design

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor