mcpField
S
skia-studio

skia-studio

Local
github.com/lixiaolin94Media & Design
Repository

About skia-studio

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

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
  "mcpServers": {
    "lixiaolin94-skia-studio": {
      "command": "npx",
      "args": [
        "-y",
        "skia-studio-mcp"
      ],
      "env": {
        "SKIA_STUDIO_BRIDGE_PORT": "<SKIA_STUDIO_BRIDGE_PORT>",
        "SKIA_STUDIO_EXTRA_ORIGINS": "<SKIA_STUDIO_EXTRA_ORIGINS>",
        "SKIA_STUDIO_APP_URL": "<SKIA_STUDIO_APP_URL>"
      }
    }
  }
}
Run commandnpx -y skia-studio-mcp
Environment variables to set
SKIA_STUDIO_BRIDGE_PORTOverride the local ws bridge port (default 8787; pair with the web app ?bridgePort= param).
SKIA_STUDIO_EXTRA_ORIGINSComma-separated extra hostnames appended to the WebSocket Origin allowlist.
SKIA_STUDIO_APP_URLOverride the app URL suggested when no browser tab is connected.

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npmskia-studio-mcp0.2.1

Tools

17

Saved tool list · updated 2w ago

This tool takes no parameters.

Details

The maintainer has not added details yet. Check the README in the repository.

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.