셰이더토이-MCP

Name: ShaderToy-MCP
Author: wilsonchenghy

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

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

이미지_9029

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

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

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

특징

ShaderToy에서 모든 셰이더에 대한 정보 검색
검색 프롬프트를 통해 ShaderToy에서 사용 가능한 셰이더를 검색하세요.
ShaderToy의 기존 셰이더를 학습하여 복잡한 셰이더를 생성합니다.

Related MCP server: mcp-graphql-schema

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