Shaders MCP

Ship magic with your agent

Give your coding agent everything it needs to discover, customize, and ship WebGPU shaders in seconds.

Works with MCP-compatible agents

Browse 750+ presets or let your agent discover, customize, and install the right shader in seconds.

Adapt any shader to your content and design system by asking your agent — and generate shape effects from your SVGs.

Connect shader properties to mouse movement, scroll, motion timelines, or reactive state — anything.

Setup only takes a few minutes, giving your agent everything it needs to discover, install, and customize shaders directly from your account.

1
1 Upgrade to Pro
MCP access requires a Pro subscription →
2
2 Connect your agent
Run one command to install the MCP server & authorize
```
npx shaders@latest install-mcp
```
Auto-detects your AI agent — or you configure manually:
```
claude mcp add --transport http shaders https://shaders.com/mcp
```
See the full setup guide for API keys and other tools.
3
3 Start prompting shader magic
Try: "Install a liquid glass shader using my logo.svg file"