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 Get Shaders Core or Pro
Shaders MCP requires an active Shaders Core or Pro subscription. Core lets your agent ship your own design-editor creations to production; Pro adds the full preset & section library.
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 :
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"