ShaderToy-MCP

MCP-Server für ShaderToy, eine Website zum Erstellen, Ausführen und Teilen von GLSL-Shadern ( https://www.shadertoy.com/ ). Er verbindet LLMs wie Claude über das Model Context Protocol (MCP) mit ShaderToy. Dadurch kann LLM die gesamte Webseite abfragen und lesen und so immer komplexere Shader erstellen, die er normalerweise nicht erstellen kann.

Beispiel für den komplexen Shader, den es generiert:

$Bild\_9029$

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

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

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

Merkmale

Abrufen von Informationen zu jedem Shader auf ShaderToy
Suchen Sie über eine Suchaufforderung nach auf ShaderToy verfügbaren Shadern
Generieren Sie komplexe Shader, indem Sie von vorhandenen Shadern auf ShaderToy lernen

MCP-Werkzeuge

get_shader_info()
search_shader()

Installation

Auf dem Mac installieren Sie uv bitte als

brew install uv

Unter Windows

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

und dann

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

Ansonsten finden Sie Installationsanweisungen auf der Website: Install uv

Claude Desktop Integration

Klonen Sie das Projekt mit git clone https://github.com/wilsonchenghy/ShaderToy-MCP.git

Gehen Sie zu Claude > Einstellungen > Entwickler > Konfiguration bearbeiten > claude_desktop_config.json, um Folgendes einzuschließen:

{
    "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"  // Replace with your API key
          }
        }
    }
}

Sobald die Konfigurationsdatei auf Claude eingerichtet wurde, wird ein Hammersymbol für das MCP angezeigt. Testen Sie mit den Beispielbefehlen, ob die MCP-Tools korrekt verwendet werden.

Beispielbefehle

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 ) {}

This server cannot be installed

security - not tested

license - permissive license

quality - not tested

How are these scores calculated?

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

MCP-Server für ShaderToy, eine Website zum Teilen von GLSL-Shadern. Dieser MCP-Server ermöglicht LLMs die Erstellung komplexer Shader, die normalerweise nicht möglich sind.

Related MCP Servers

mcp-llm
sammcj
A
security
A
license
A
quality
An MCP server that provides LLMs access to other LLMs
Last updated -
4
673
59
JavaScript
MIT License
mcp-graphql-schema
hannesj
-
security
A
license
-
quality
A MCP server that exposes GraphQL schema information to LLMs like Claude. This server allows an LLM to explore and understand large GraphQL schemas through a set of specialized tools, without needing to load the whole schema into the context
Last updated -
12
38
JavaScript
MIT License
mcp-browser-use
vinayak-mehta
-
security
A
license
-
quality
An MCP server that connects any MCP client (like Claude or Cursor) with the browser using browser-use, allowing clients to utilize existing LLMs without requiring additional API keys.
Last updated -
74
Python
Apache 2.0
PlayCanvas Editor MCP Serverofficial
playcanvas
A
security
A
license
A
quality
An MCP Server that enables LLMs to build real-time 3D web applications in the PlayCanvas Editor.
Last updated -
21
4
57
TypeScript
MIT License

View all related MCP servers

ShaderToy-MCP

ShaderToy-MCP

Merkmale

MCP-Werkzeuge

Installation

Claude Desktop Integration

Beispielbefehle

Related MCP Servers

mcp-llm

mcp-graphql-schema

mcp-browser-use

PlayCanvas Editor MCP Serverofficial

Appeared in Searches

New MCP Servers

MCP directory API