Skill UI

This guide details how to install and configure the WebContainer API, enabling client-side Node.js execution directly in the browser. It also provides instructions for integrating the StackBlitz SDK, which is used for embedding highly interactive code editors into web applications. The guide covers necessary dependency installations, code examples, and crucial HTTP header configuration (COOP/COEP) required for cross-origin isolation and secure operation.

A comprehensive guide to setting up a local development loop for WebContainer applications. This setup utilizes Vite for a modern development environment, providing hot module replacement (HMR) and cross-origin policy configuration. It includes detailed steps for running Vitest tests, ensuring file system operations and browser-based IDE features function correctly in a simulated local environment.

This skill focuses on optimizing the performance of WebContainers, specifically targeting improvements in boot time, file system mounting efficiency, and process spawning. It is essential for developers utilizing the WebContainer API or the StackBlitz SDK to ensure a stable and efficient development environment, especially in complex web applications.

Provides a comprehensive production checklist specifically for WebContainer applications built using the StackBlitz SDK. This guide helps developers ensure that their web applications are robust and ready for deployment by checking essential aspects like security headers, cross-browser compatibility, and necessary fallback mechanisms.

This guide provides essential knowledge on resource limitations within WebContainer environments (such as memory, CPU, file system size, and process count). It is crucial for developers utilizing the WebContainers API or StackBlitz SDK to understand these constraints. Learn best practices for monitoring memory usage, optimizing mounted file systems by excluding unnecessary assets (like test or documentation folders), and managing dependencies to prevent common issues like Out-Of-Memory (OOM) crashes and slow build times.

This skill provides the production-grade architectural blueprint for developing browser-based Integrated Development Environments (IDEs) and interactive playgrounds powered by WebContainers. It is essential for developers who are integrating the WebContainers API or utilizing the StackBlitz SDK to create robust, cloud-based development experiences.

This comprehensive guide provides production-ready patterns for the WebContainer API, essential for building sophisticated online IDEs and code playgrounds. It covers key functionalities such as singleton WebContainer management, robust file system CRUD operations, process lifecycle management, jsh terminal emulation, and embedding projects using the StackBlitz SDK. Ideal for developers creating collaborative development environments.

This comprehensive guide details essential security practices for deploying WebContainers. It covers implementing Content Security Policy (CSP) headers, ensuring robust sandbox isolation, and performing rigorous input validation to mitigate common web vulnerabilities. Use this when developing applications with WebContainers or the StackBlitz SDK.

This utility is designed to facilitate the migration process between various versions of the WebContainer API and updates within the StackBlitz SDK. Use this skill specifically when working on projects that rely on WebContainers or the StackBlitz development environment, ensuring smooth, compatible upgrades to the latest framework versions.

This skill provides essential guidance on managing key WebContainer lifecycle events, including server readiness, port changes, and error handling. It is crucial for developers integrating with WebContainers or using the StackBlitz SDK to ensure robust and reliable application state management in development environments.

This assistant helps generate clear, concise, and highly structured reports for stakeholders and leadership. It guides users in creating professional status updates, progress summaries, and executive reports, ensuring all key metrics, risks, and necessary actions (asks) are highlighted for maximum clarity and impact.

Automates the deployment of static web files (HTML, CSS, JS, images) to a specified domain using Cloudflare Pages via the Wrangler CLI. This skill is ideal for hosting Single-Page Applications (React, Vue), landing pages, portfolios, or documentation sites. It stages the site files and injects necessary cache revalidation headers to ensure content freshness after redeployment.