シェーダートイ-MCP

GLSLシェーダーを作成、実行、共有するためのウェブサイトShaderToy（ https://www.shadertoy.com/ ）用のMCPサーバー。ClaudeなどのLLMとShaderToyをModel Context Protocol（MCP）を介して接続することで、LLMがWebページ全体をクエリして読み取ることができるようになり、通常は不可能な複雑なシェーダーの作成が可能になります。

生成される複雑なシェーダーの例:

$画像\_9029$

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

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

マトリックスデジタルレイン( https://www.shadertoy.com/view/33l3Df )

特徴

ShaderToy上の任意のシェーダーの情報を取得する
検索プロンプトからShaderToyで利用可能なシェーダーを検索する
ShaderToyの既存のシェーダーから学習して複雑なシェーダーを生成する

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%

それ以外の場合、インストール手順はウェブサイトに掲載されています: Install uv

クロードデスクトップ統合

git clone https://github.com/wilsonchenghy/ShaderToy-MCP.gitを使用してプロジェクトを 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"  // Replace with your API key
          }
        }
    }
}

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

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.

GLSLシェーダーを共有するサイト「ShaderToy」のMCPサーバー。このMCPサーバーにより、LLMは通常では作成できない複雑なシェーダーを作成できます。

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