Custom WebContainer Experience Architecture

Overview

This skill converts an IDE-like feature request into a bounded architecture. It keeps the host UI, virtual filesystem, editor models, terminal streams, runtime processes, preview frames, and persistence strategy separate so a prototype does not accidentally become an unsafe monolith.

Prerequisites

• Named user journeys and a target browser application
• A decision that a custom WebContainer experience is preferable to a StackBlitz SDK embed
• Product, licensing, security, and persistence owners for production use

Tool Discipline

Use Read, Glob, and Grep to map the host framework, editor and terminal libraries, application state, persistence, and runtime boundary. Use WebFetch only for current official StackBlitz or WebContainers documentation. Use Write or Edit only for a user-approved bounded slice.

Current Contract