skia studio for VS Code

io.github.lixiaolin94/skia-studio

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

client:VS Code transport:stdio runtime:npm

Install skia studio in VS Code

.vscode/mcp.json

{
  "inputs": [
    {
      "type": "promptString",
      "id": "skia-studio-bridge-port",
      "description": "SKIA_STUDIO_BRIDGE_PORT",
      "password": true
    },
    {
      "type": "promptString",
      "id": "skia-studio-extra-origins",
      "description": "SKIA_STUDIO_EXTRA_ORIGINS",
      "password": true
    },
    {
      "type": "promptString",
      "id": "skia-studio-app-url",
      "description": "SKIA_STUDIO_APP_URL",
      "password": true
    }
  ],
  "servers": {
    "skia-studio": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "skia-studio-mcp"
      ],
      "env": {
        "SKIA_STUDIO_BRIDGE_PORT": "${input:skia-studio-bridge-port}",
        "SKIA_STUDIO_EXTRA_ORIGINS": "${input:skia-studio-extra-origins}",
        "SKIA_STUDIO_APP_URL": "${input:skia-studio-app-url}"
      }
    }
  }
}

VS Code prompts for each input the first time the server starts, so no secret is written to the file. VS Code docs

skia studio in other clients

skia studio MCP server