Skip to content
LiveNew tools this week
Submit
AIMarketly
sandbox logo

sandbox

Visual HTML canvas sandbox for agent-driven UI and live previews

alsk1992/CloddsBot0installs2.9Kstars

SKILL.md

Full skill instructions

Sandbox - Visual Canvas

Push HTML content to a live-updating canvas server for visual previews, dashboards, and agent-driven UI.

Commands

/​sandbox start        - Start the canvas server (returns URL)
/​sandbox push <html>  - Push HTML content to the canvas
/​sandbox reset        - Reset canvas to blank state
/​sandbox screenshot   - Take a screenshot of the current canvas
/​sandbox status       - Show canvas server status and settings

Environment Variables

VariableDescription
CANVAS_ALLOW_JS_EVALEnable JavaScript evaluation in canvas (default: false)
ALLOW_UNSAFE_SANDBOXEnable unsafe sandbox mode (default: false)

Examples

/​sandbox start
/​sandbox push <h1>Hello World</​h1><p>Live preview</​p>
/​sandbox screenshot
/​sandbox status
/​sandbox reset

How It Works

  1. /​sandbox start launches a local HTTP server that serves the canvas page
  2. /​sandbox push <html> sends HTML to the canvas, rendered in real time
  3. /​sandbox screenshot captures the current canvas state as an image
  4. /​sandbox reset clears all HTML, CSS, and JS from the canvas
  5. /​sandbox status shows whether the server is running, the URL, and content sizes