셰이더토이-MCP

GLSL 셰이더를 생성, 실행 및 공유하는 웹사이트인 ShaderToy( https://www.shadertoy.com/ )용 MCP 서버입니다. Claude와 같은 LLM을 MCP(Model Context Protocol)를 통해 ShaderToy와 연결하여 LLM이 전체 웹 페이지를 쿼리하고 읽을 수 있도록 하여, 일반적으로 구현하기 어려운 점점 더 복잡한 셰이더를 구현할 수 있도록 합니다.

생성된 복잡한 셰이더의 예:

바다 ( https://www.shadertoy.com/view/tXs3Wf )

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

매트릭스 디지털 레인 ( https://www.shadertoy.com/view/33l3Df )

특징

• ShaderToy에서 모든 셰이더에 대한 정보 검색

• 검색 프롬프트를 통해 ShaderToy에서 사용 가능한 셰이더를 검색하세요.

• ShaderToy의 기존 셰이더를 학습하여 복잡한 셰이더를 생성합니다.

Related MCP server: Processing MCP Server

MCP 도구

• get_shader_info()

• 검색_셰이더()

설치

Mac에서는 uv를 다음과 같이 설치하세요.

지엑스피1

윈도우에서

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

그런 다음

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

그렇지 않은 경우 설치 지침은 해당 웹사이트에 있습니다: uv 설치

Claude 데스크톱 통합

git 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"  // 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 ) {}