Skill UI

This comprehensive guide provides solutions for common and complex errors encountered when using WebContainer and StackBlitz environments. It covers essential fixes for cross-origin isolation headers (COOP/COEP), managing WebContainer boot failures using singleton patterns, resolving npm installation hangs, and handling file system errors (ENOENT). Use this skill to stabilize and debug complex web development sandboxes.

This bundle collects comprehensive diagnostic information about the WebContainer environment. It checks the boot state, file system integrity, running process list, and modern browser support (e.g., SharedArrayBuffer, cross-origin isolation). Essential for developers integrating with StackBlitz SDK or WebContainers to troubleshoot complex development issues.

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.

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.

Provides an enterprise-grade framework for managing Webflow access control using OAuth 2.0 and scope-based Role-Based Access Control (RBAC). This system enforces the principle of least privilege by mapping specific user roles (e.g., Viewer, Editor, Admin) to granular Webflow scopes. Key features include per-site token isolation and robust permission checking middleware, significantly enhancing security for complex SaaS integrations.

This API provides key-value store abstractions, enabling developers to manage persistent or temporary data within their web services. It offers two distinct scopes: a global (non-tenant-scoped) store and a tenant-scoped store. This is essential for applications requiring structured data management, such as application settings, caching mechanisms, or session data, while maintaining clear data isolation.

This guide outlines a sophisticated development workflow using dedicated subagents for each independent task within a plan. It mandates a two-stage review process—first for specification compliance, then for code quality—ensuring highly reliable, high-quality, and rapidly iterative development cycles while maintaining strict context isolation.