Skia Studio

Official

by lixiaolin94

MCP bridge to a live Skia Studio tab: AGSL/SkSL shader authoring, graph editing, screenshots.

io.github.lixiaolin94/skia-studio MCP Server

The MCP bridge to a live Skia Studio tab enables AGSL/SkSL shader authoring, graph editing, and screenshots through a real-time connection.

🛠️ Key Features

MCP server bridging to a live Skia Studio tab
Support for AGSL/SkSL shader authoring
Graph editing workflows
Screenshot functionality

🚀 Use Cases

Integrating Skia Studio shaders into automated pipelines
Real-time shader development with live previews
Graph-based shader composition and experimentation

⚡ Developer Benefits

Clear source of truth for MCP-enabled Skia Studio interactions
Lightweight bridge focused on shader tooling and visualization
Easy-to-consume endpoints for client integrations

⚠️ Limitations

Description limited by available metadata; features may vary with Skia Studio updates
Specific MCP protocol details not included in this summary

Install

Configuration

Environment variables

SKIA_STUDIO_BRIDGE_PORT

Override the local ws bridge port (default 8787; pair with the web app ?bridgePort= param).

SKIA_STUDIO_EXTRA_ORIGINS

Comma-separated extra hostnames appended to the WebSocket Origin allowlist.

SKIA_STUDIO_APP_URL

Override the app URL suggested when no browser tab is connected.

Add to VS Code Add to Cursor

claude_desktop_config.json

json

{
  "mcpServers": {
    "skia-studio": {
      "command": "npx",
      "args": [
        "-y",
        "skia-studio-mcp@0.2.1"
      ],
      "env": {
        "SKIA_STUDIO_BRIDGE_PORT": "<YOUR_SKIA_STUDIO_BRIDGE_PORT>",
        "SKIA_STUDIO_EXTRA_ORIGINS": "<YOUR_SKIA_STUDIO_EXTRA_ORIGINS>",
        "SKIA_STUDIO_APP_URL": "<YOUR_SKIA_STUDIO_APP_URL>"
      }
    }
  }
}

Skia Studio - agentage MCP Catalog