Skill UI

This guide demonstrates how to set up a complete development environment entirely within a web browser using the WebContainer API. It covers mounting a virtual file system, installing Node.js dependencies via npm, and starting a local dev server (like Express) without needing a dedicated backend server. It is ideal for learning WebContainers, building browser-based IDEs, or prototyping Node.js applications client-side.

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 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 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.

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.

This skill analyzes a live website or application to understand its underlying business model, data collection practices, and user interactions. It then generates a comprehensive, 16-section Terms of Service document, automatically incorporating provisions for GDPR, CCPA, and other major compliance frameworks. Ideal for launching new SaaS, e-commerce, or mobile products.

This guide covers essential security best practices for utilizing Together AI's OpenAI-compatible API for inference, fine-tuning, and model deployment. It provides code examples and architectural advice on secure API key management, robust webhook signature verification, input validation using schemas (like Zod), and implementing data redaction pipelines to protect sensitive information in logs and datasets. Essential for building secure AI applications.

Seamlessly deploy Webflow-powered applications and APIs to leading cloud platforms like Vercel, Fly.io, and Google Cloud Run. This integration manages secure secret management, configures robust webhooks for event handling (e.g., form submissions, new orders), and includes comprehensive health checks, ensuring reliable, scalable, and continuous deployment for Webflow-based services.

This guide provides comprehensive steps for installing the official Webflow JS SDK (`webflow-api`) and securely configuring authentication. It covers both API Token setup for server-side tools and the full OAuth 2.0 authorization flow for public, user-facing applications. Use this when building web integrations or automated workflows that require programmatic access to Webflow data and site management.