MCP 服务器

ShaderToy-MCP

用于 ShaderToy 的 MCP 服务器。ShaderToy 是一个人们分享 GLSL 着色器的网站。这个 MCP 服务器允许 LLM 制作它们通常无法制作的复杂着色器。

README

ShaderToy-MCP

ShaderToy 的 MCP 服务器，ShaderToy 是一个用于创建、运行和分享 GLSL shader 的网站 (https://www.shadertoy.com/)。它通过模型上下文协议 (MCP) 将 Claude 等 LLM 与 ShaderToy 连接起来，允许 LLM 查询和读取整个网页，使其能够创建通常无法实现的越来越复杂的 shader。

它生成的复杂 shader 示例：

Ocean (https://www.shadertoy.com/view/tXs3Wf)

Mountains (https://www.shadertoy.com/view/W3l3Df)

Matrix Digital Rain (https://www.shadertoy.com/view/33l3Df)

功能

获取 ShaderToy 上任何 shader 的信息
通过搜索提示查找 ShaderToy 上可用的 shader
通过学习 ShaderToy 上现有的 shader 生成复杂的 shader

MCP 工具

get_shader_info()
search_shader()

安装

在 Mac 上，请安装 uv，如下所示：

brew install uv

在 Windows 上

powershell -c "irm https://astral.sh/uv/install.ps1 | iex"

然后

set Path=C:\Users\nntra\.local\bin;%Path%

否则，安装说明在其网站上：安装 uv

Claude 桌面集成

使用 git clone https://github.com/wilsonchenghy/ShaderToy-MCP.git 克隆项目。

转到 Claude > 设置 > 开发者 > 编辑配置 > claude_desktop_config.json，包含以下内容：

{
    "mcpServers": {
        "ShaderToy_MCP": {
          "command": "uv",
          "args": [
            "run",
            "--with",
            "mcp[cli]",
            "mcp",
            "run",
            "<path_to_project>/ShaderToy-MCP/src/ShaderToy-MCP/server.py"
          ],
          "env": {
            "SHADERTOY_APP_KEY": "your_actual_api_key"  // 替换为您的 API 密钥
          }
        }
    }
}

在 Claude 上设置配置文件后，您将看到 MCP 的锤子图标。使用示例命令进行测试，以查看它是否正确利用了 MCP 工具。

示例命令

Generate shader code of a {object}, if it is based on someone's work on ShaderToy, credit it, make the code follow the ShaderToy format: void mainImage( out vec4 fragColor, in vec2 fragCoord ) {}