Skill UI

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

This utility conducts a thorough audit of project documentation against the current codebase to ensure complete consistency. It supports 'delta' (detecting changes since merge-base) or 'full' auditing modes. By utilizing Impact Mapping and verifying cross-reference pairs, it identifies outdated specs, missing documentation, or inconsistent references across the entire project ecosystem.

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 provides comprehensive instructions for integrating TechSmith's screen capture (Snagit) and video editing (Camtasia) tools using the COM API. It covers advanced scripting techniques in a Windows environment, primarily utilizing PowerShell and Python interop (`pywin32`). Use it to automate complex content creation workflows, such as batch rendering, programmatic screen region capture, and structured file handling for professional video assets.

This guide provides comprehensive solutions for common automation errors encountered when utilizing the TechSmith Snagit COM API and Camtasia. It covers critical topics such as COM server registration, elevated permissions, and file locking issues, making it essential for developers writing automation scripts in PowerShell or Python.

This workflow automates the creation of step-by-step documentation guides using the TechSmith Snagit COM API and PowerShell. It first captures a series of sequential screenshots for a guide, and then uses a batch process to open and annotate these images within the Snagit Editor, ensuring consistency and efficiency in creating professional tutorials.

This workflow automates complex video production tasks using the TechSmith Camtasia Producer COM API via PowerShell. It enables users to perform batch rendering, manage various output presets, apply custom watermarks/branding, and export projects in multiple formats (e.g., MP4, M4A) without manual intervention. It is ideal for content creators, educators, and businesses managing a large volume of video content efficiently.