ShaderToy-MCP
About
Query and interact with ShaderToy shaders using large language models.
Details
- Author
- wilsonchenghy
- Categories
- Developer Tools, Media, Other
Jump to
Setup
Install ShaderToy-MCP in your MCP client (Claude Desktop, Cursor, Windsurf, and others).
Repository: https://github.com/wilsonchenghy/ShaderToy-MCP
Follow the installation instructions in the repository README, then restart your MCP client.
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)
- 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
powershell -c "irm https://astral.sh/uv/install.ps1 | iex"
set Path=C:\Users\nntra\.local\bin;%Path%
Otherwise installation instructions are on their website:Install uv
Git clone the project withgit clone https://github.com/wilsonchenghy/ShaderToy-MCP.git
Go to Claude > Settings > Developer > Edit Config > claude_desktop_config.json to include the following:
{ "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 } } } }
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.
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 is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
An MCP server that allows AI assistants to interact with Adobe After Effects.
Manage and utilize website content within the DevHub CMS platform
Make your AI agent speak every language on the planet, using Lingo.dev Localization Engine.
Deterministic music-theory engine for AI agents to analyze, resolve, voice, and reharm chords.
Server for advanced AI-driven video editing, semantic search, multilingual transcription, generative media, voice cloning, and content moderation.
Control Adobe After Effects through a standardized protocol, enabling AI assistants and other applications.
Executes Manim Python animation scripts to generate and return videos.
An AI-powered website generator from B12, requiring no external data files.
Connects Blender to AI models via MCP for prompt-assisted 3D modeling, scene creation, and manipulation.
Ship App Store screenshots from your AI coding agent: generate, localize to all 50 App Store languages, and upload to App Store Connect
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
