Skills
.Work. You
Rest

mockup-sandbox

Community

Build and preview live web UI on the canvas.

Design & Creative#ui#web development#frontend#react#vite#prototype#mockup
AuthorAmarbharati-07
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill allows you to create, preview, and iterate on any web UI content directly on the canvas, enabling live rendered components.

Core Features & Use Cases

  • Live UI Rendering: Display interactive web components on the canvas.
  • Prototyping & Mockups: Design and iterate on UI elements, compare design variants, and preview responsive behavior.
  • Component States: Visualize different states like loading, error, or empty.
  • Use Case: Create a pricing card component with three different design variations and place them side-by-side on the canvas for comparison.

Quick Start

Run the setup script using bash .local/skills/mockup-sandbox/setup.sh to prepare the environment.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mockup-sandbox
Download link: https://github.com/Amarbharati-07/cms1/archive/main.zip#mockup-sandbox

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.