MCP Server

io.github.lixiaolin94/skia-studio MCP Server

Name: io.github.lixiaolin94/skia-studio MCP Server
Author: io.github.lixiaolin94

io.github.lixiaolin94/skia-studio

Repository Registry

What is the io.github.lixiaolin94/skia-studio MCP server?

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

How to install io.github.lixiaolin94/skia-studio

Copy-paste configuration for popular MCP clients.

transport: stdio

Config generated by PluginBench — verify against the source before use.

Environment / auth

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.

Claude Desktop

~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "skia-studio": {
      "command": "npx",
      "args": [
        "-y",
        "skia-studio-mcp"
      ],
      "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>"
      }
    }
  }
}

Cursor

~/.cursor/mcp.json

{
  "mcpServers": {
    "skia-studio": {
      "command": "npx",
      "args": [
        "-y",
        "skia-studio-mcp"
      ],
      "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>"
      }
    }
  }
}

Windsurf

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "skia-studio": {
      "command": "npx",
      "args": [
        "-y",
        "skia-studio-mcp"
      ],
      "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>"
      }
    }
  }
}

VS Code

.vscode/mcp.json

{
  "servers": {
    "skia-studio": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "skia-studio-mcp"
      ],
      "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>"
      }
    }
  }
}

Claude Code

claude mcp add skia-studio --env SKIA_STUDIO_BRIDGE_PORT=<YOUR_SKIA_STUDIO_BRIDGE_PORT> --env SKIA_STUDIO_EXTRA_ORIGINS=<YOUR_SKIA_STUDIO_EXTRA_ORIGINS> --env SKIA_STUDIO_APP_URL=<YOUR_SKIA_STUDIO_APP_URL> -- npx -y skia-studio-mcp