What is Shadertoy Mcp

ShaderToy-MCP is an MCP Server designed for ShaderToy, a platform for creating, running, and sharing GLSL shaders. It connects large language models (LLMs) like Claude with ShaderToy using the Model Context Protocol (MCP), enabling LLMs to query and read entire web pages to generate complex shaders beyond their typical capabilities.

Use cases

Use cases for ShaderToy-MCP include generating intricate visual effects for games, creating dynamic graphics for applications, and educational purposes for learning shader programming through practical examples.

How to use

To use ShaderToy-MCP, install the necessary dependencies, clone the project from GitHub, and configure the MCP server settings in Claude’s configuration file. You can then utilize commands like ‘get_shader_info()’ and ‘search_shader()’ to interact with ShaderToy.

Key features

Key features of ShaderToy-MCP include retrieving information on any shader available on ShaderToy, searching for shaders through prompts, and generating complex shaders by learning from existing ones on the platform.

Where to use

ShaderToy-MCP can be used in fields such as computer graphics, game development, visual effects, and any application that requires advanced shader programming and manipulation.

ShaderToy-MCP

MCP Server for ShaderToy, a website for creating, running and sharing GLSL shader (https://www.shadertoy.com/). It connects LLM like Claude with ShaderToy through Model Context Protocol (MCP), allowing the LLM to query and read the entire web page, allowing it to make increasingly complex shader it normally isn’t capable of.

Example of the complex shader it generates:

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

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

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

Features

• Retriving info on any shader on ShaderToy
• Search for shader available on ShaderToy through a search prompt
• Generate complex shaders by learning from existing shaders on ShaderToy

MCP Tools

• get_shader_info()
• search_shader()

Installation

On Mac, please install uv as

brew install uv

On Windows

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

and then

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

Otherwise installation instructions are on their website: Install uv

Claude Desktop Integration

Git clone the project with git clone https://github.com/wilsonchenghy/ShaderToy-MCP.git

Go to Claude > Settings > Developer > Edit Config > claude_desktop_config.json to include the following:

Once the config file has been set on Claude, you will see a hammer icon for the MCP. Test with the example commands to see if it correctly utilize the MCP tools.

Example Commands

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