Skill UI

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.

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 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 skill establishes an autonomous, iterative build loop for continuous website development. It functions as an agent that reads tasks from a 'baton' file, utilizes the Stitch MCP tools to generate structured web pages, integrates the generated HTML assets into the main site structure, and finally updates the baton file with the next required task. It supports end-to-end, programmatic site building and includes optional visual verification using Chrome DevTools.

Test-Driven Development (TDD) is a development methodology that emphasizes writing failing tests first, followed by writing minimal code to pass them (Red -> Green), and finally refactoring the code (Refactor). This approach ensures that code is always verified against its intended public behavior, making the system robust, maintainable, and resilient to internal changes. It teaches developers to focus on 'what' the system does, rather than 'how' it does it.

This guide establishes a comprehensive development loop for automating TechSmith's screen capture and video editing processes (Snagit/Camtasia). It outlines the required project structure, includes PowerShell scripting examples, and details how to use Pester testing framework for robust COM API connection testing, ensuring reliable automation workflows.

This tool provides a local development loop for integrating with Together AI's OpenAI-compatible API. It mocks key functionalities like chat completions, embeddings, and model listing, allowing developers to build and test AI applications rapidly without consuming live API credits. Developers can toggle between mock mode for rapid iteration and live mode for final model evaluation, ensuring a seamless workflow.

This skill guides a systematic process for debugging reported issues. It explores the codebase to identify the root cause, traces the code path, and then generates a comprehensive GitHub issue. The fix plan strictly follows the Test-Driven Development (TDD) Red-Green cycle, ensuring proposed solutions are robust and durable, surviving major refactors.

A comprehensive guide for the Veeva Vault local development loop. It details how to interact with the platform using REST APIs, advanced VQL queries for data retrieval, and the VAPIL Java SDK. Ideal for developers implementing solutions involving document management, clinical operations, and CRM processes within the Veeva ecosystem.

This guide details how to configure the VS Code Port Monitor extension. It allows developers to monitor the port status (in use or free) for development servers (like Vite, Next.js) and databases in real time directly on the status bar. Use this skill to set up multi-service or full-stack development environments, prevent port conflicts, and troubleshoot running services.