uisandbox

MCP serverMedia

Test your design on the real thing: load a built web app, turn its knobs, verify 1:1, export.

This server has no hosted endpoint yet, so ahel can't serve it. You can still add it. It stays paused until ahel can serve it.

One link, every agent. Your own credentials, stored once.

Tools it gives your agents (8)

Tool	What it does
load	Load a BUILT web app (a zip of its dist/build/out folder, or a repo zip carrying the build) by URL or local path. Returns the project id, screens, tokenised values and the baseline the knobs stand on.
screens	The screens (HTML entries) of a loaded project.
set	Apply knobs to a loaded project. Every dial has ×1 (or 0) = as in their code; colours are #rrggbb. Returns what moved (count and a sample of value → value).
export	Export the current state: sheet-css (your values as CSS custom properties), sheet-json, patch (literal → value list), tokens-css / tokens-json / tailwind / shadcn (the --k-* design tokens), swift...
open	Open UISandbox in the user's browser with this project loaded — the real, interactive sandbox: the whole app rendered 1:1, every knob there to turn by hand.
state	The knobs as they stand now — including what the user turned by hand in an opened sandbox (and when).
verify	Run the 1:1 check in a real browser: the untouched build vs. the tokenised build with the identity sheet, computed styles of every element diffed. Also returns the reach meter.
screenshot	A PNG of the screen as it renders with the current knobs (the sandbox frame only).