# UISandbox

Play with your app's design in the browser: load a build, turn the knobs, export the code\.

Canonical: https://claudelist.com/listings/mcp-reg-io-github-ideelab-uisandbox-d2a887c428

Category: MCP Servers

Source: community · Ideelab

Source checked: 2026-10-14

Website: https://www.claudemcp.org/mcp/registry/io-github-ideelab-uisandbox-d2a887c4286f.html

Publisher description: Play with your app's design in the browser: load a build, turn the knobs, export the code.

## Install or set up

1. Review the publisher repository and npm package `uisandbox-mcp@0.3.3` before running it. The MCP Registry declares this package as a stdio server.
2. Install Node.js, then run the command below in your Claude Code project. Check the publisher README for any account or configuration requirements.
3. Restart Claude Code and use `/mcp` to confirm the connection and review its tools and permissions.

```sh
claude mcp add mcp-io-github-ideelab-uisandbox-d2a887 -- npx -y uisandbox-mcp@0.3.3
```

Installation guide: https://github.com/Ideelab/uisandbox