sandbox

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

Quality

47%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./src/skills/bundled/sandbox/SKILL.md

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

Variable	Description
`CANVAS_ALLOW_JS_EVAL`	Enable JavaScript evaluation in canvas (default: `false`)
`ALLOW_UNSAFE_SANDBOX`	Enable 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

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

Repository: alsk1992/CloddsBot
Path: src/skills/bundled/sandbox/SKILL.md
Commit: e71a5f6

Last updated: about 11 hours ago
First committed: 6 months ago

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.