SERVER

Skia Studio

Rank #57,229

io.github.lixiaolin94/skia-studio

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

2 versions

by lixiaolin94 (1 servers)View repository ↗Claim this server

Listed & last published

Jul 14, 2026

OVERVIEW

Skia Studio is a Model Context Protocol (MCP) server published by lixiaolin94. It ranks #57,229 of 137,492 servers tracked on MCP Toplist. Skia Studio is listed on Official MCP, with 2 tracked versions. It was first listed on Jul 14, 2026 and most recently updated on Jul 14, 2026.

STANDING

#57,229of 137,492 tracked serversTop 50%

Ranks ahead of 80,263 of 137,492 servers on MCP Toplist.

CONNECT

Use Skia Studio

No setupRuns out of the box

No credentials or required configuration declared — add it to your MCP client and go.

npm package

claude mcp add skia-studio -e "SKIA_STUDIO_BRIDGE_PORT=<your SKIA_STUDIO_BRIDGE_PORT>" -e "SKIA_STUDIO_EXTRA_ORIGINS=<your SKIA_STUDIO_EXTRA_ORIGINS>" -e "SKIA_STUDIO_APP_URL=<your SKIA_STUDIO_APP_URL>" -- npx -y skia-studio-mcp

Replace each placeholder with your own value before saving.

npm package

[mcp_servers.skia-studio]
command = "npx"
args = ["-y", "skia-studio-mcp"]

[mcp_servers.skia-studio.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>"

Add to ~/.codex/config.toml. Replace each placeholder with your own value before saving.

npm package

{
  "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>"
      }
    }
  }
}

Add to claude_desktop_config.json (Settings → Developer → Edit Config). Replace each placeholder with your own value before saving.

npm package

{
  "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>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project). Replace each placeholder with your own value before saving.

npm package

{
  "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>"
      }
    }
  }
}

Save as .vscode/mcp.json in your workspace. Replace each placeholder with your own value before saving.

npm package

{
  "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>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json. Replace each placeholder with your own value before saving.

npm package

{
  "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>"
      }
    }
  }
}

Replace each placeholder with your own value before saving.

BADGE

Show your rank

Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.

Markdown

[![MCP Toplist](https://mcptoplist.com/badge/io.github.lixiaolin94%2Fskia-studio.svg)](https://mcptoplist.com/server/io.github.lixiaolin94%2Fskia-studio)

HTML

<a href="https://mcptoplist.com/server/io.github.lixiaolin94%2Fskia-studio"><img src="https://mcptoplist.com/badge/io.github.lixiaolin94%2Fskia-studio.svg" alt="MCP Toplist: Top 50% of 137,492" /></a>

Variants: append ?metric=score or ?metric=stars to the image URL.

REGISTRIES

Listed on 1 registry

Official MCP

ORGANIZATION

lixiaolin94

Organization

lixiaolin94

Servers in org

Versions across org

VERSIONS

Available versions (2)

Version	Published
0.2.1	Jul 14, 2026
0.2.0	Jul 14, 2026

FAQ

Frequently asked questions

Who maintains Skia Studio?: Skia Studio is maintained by lixiaolin94, which publishes 1 MCP server (2 total versions) tracked on MCP Toplist.
Is Skia Studio listed on the Official MCP Registry?: Yes — Skia Studio is listed on the Official MCP Registry.
How many versions does Skia Studio have?: MCP Toplist tracks 2 versions of Skia Studio, most recently published on Jul 14, 2026.
Where can I find the source code for Skia Studio?: The source code for Skia Studio is hosted at github.com/lixiaolin94/skia-studio.

Used in projects

Do you run this server?

Add to a project

Community projects list the MCP servers behind real agents and apps. Publish yours and this page will link to it.

EXPLORE

All MCP Servers Official MCP Servers GitHub MCP Servers Best MCP Servers Most Active MCP Servers New MCP Servers Best New MCP Servers