UISandbox MCP配置与使用教程

{
  "id": "io.github.Ideelab/uisandbox",
  "type": "mcp-server",
  "version": "0.3.3",
  "displayName": "UISandbox",
  "description": "Play with your app's design in the browser: load a build, turn the knobs, export the code.",
  "repository": {
    "url": "https://github.com/Ideelab/uisandbox",
    "source": "github"
  },
  "homepage": "https://uisandbox.org",
  "distribution": {
    "packages": [
      {
        "registryType": "npm",
        "identifier": "uisandbox-mcp",
        "version": "0.3.3",
        "transport": "stdio",
        "environmentVariables": [
          {
            "name": "UISANDBOX_URL",
            "description": "The app the render tools drive (verify, screenshot). Default https://uisandbox.org"
          }
        ]
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "vscode",
    "trae",
    "cherry-studio",
    "lingma",
    "windsurf",
    "cline",
    "workbuddy"
  ],
  "keywords": [],
  "provenance": {
    "origin": "official-mcp-registry",
    "originalId": "io.github.Ideelab/uisandbox",
    "originalUrl": "https://registry.modelcontextprotocol.io/v0.1/servers/io.github.Ideelab%2Fuisandbox/versions/latest",
    "isOfficial": true,
    "status": "active"
  }
}