mcpField
S
shader-dev

shader-dev

github.com/podo创意与媒体29167 次安装3 天前更新
代码仓库

关于 shader-dev

shader-dev 是 MiniMax 的 GLSL 技能，用于创作兼容 ShaderToy 的技术方案和可运行的 WebGL 着色器。参考内容涵盖 3D 光线步进、模拟、程序化图案、光照与后期处理。

主要功能

  1. 01兼容 ShaderToy 的技术库
  2. 02光线步进与 SDF 建模
  3. 03流体模拟与粒子系统
  4. 04程序化图案与光照
  5. 05后期处理参考
  6. 06带 uniforms 和动画的 WebGL 着色器

适用场景

  1. 01制作光线步进 3D 着色器
  2. 02构建流体或粒子模拟
  3. 03添加程序化图案与后期处理

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill shader-dev

安装后在 Claude Code 中输入/shader-dev确认已加载。

附带文件stub.yaml

详细介绍

shader-dev

目录占位条目 — 完整技能：MiniMax-AI/skills

决策树

  1. 是否已安装完整技能？

    • 全局：f=~/.agents/skills/shader-dev/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/shader-dev/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 shader-dev 安装，调用它并继续
    • pointer → 转到第 2 步

  2. 检测范围，然后安装：

    [ -e ~/.agents/skills/shader-dev ] && echo "global" || echo "project"

    全局：

    npx skills add MiniMax-AI/skills --skill shader-dev -g -y

    项目：

    npx skills add MiniMax-AI/skills --skill shader-dev -y

    Claude Code： 发送以 ! 开头的命令作为聊天消息，即可在不离开对话的情况下运行。

注意

  • 许可证： MIT

安装后调用

  • 技能名称：shader-dev
  • 触发短语："shader"、"GLSL"、"ray marching"、"fluid simulation"、"WebGL shader"

功能

MiniMax 官方 GLSL 着色器技能：这是一项技能，包含兼容 ShaderToy 的技术和参考资料库，涵盖用于 3D 的光线步进和 SDF 建模、流体动力学模拟、粒子系统、程序化图案生成、光照和后期处理。可生成包含正确 uniforms、基于时间的动画和噪声函数的可运行 WebGL 片段着色器/顶点着色器。

不适用场景

  • Three.js 场景、WebGPU 或 TSL 节点材质 → 使用 cloudai-threejs、threejs-claude-skill-package 或 webgpu-claude-skill
  • 使用 p5.js 创作生成式艺术 → 使用 p5js-hermes 或 algorithmic-art

评论

支持 Markdown