mcpField
S
skia-studio

skia-studio

本地服务
github.com/lixiaolin94媒体与设计
代码仓库

关于 skia-studio

连接到正在运行的 Skia Studio 标签页的 MCP 桥接器：支持 AGSL/SkSL 着色器编写、图编辑和截图。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "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>"
      }
    }
  }
}
启动命令npx -y skia-studio-mcp
需要配置的环境变量
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.

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npmskia-studio-mcp0.2.1

工具

17

收录的工具列表 · 更新于 2 周前

此工具无需参数。

详细介绍

维护者还没有提供详细介绍，可以先查看代码仓库中的 README。

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。