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 guide provides the reference architecture and instructions for automating TechSmith workflows. It details using the Snagit COM API and Camtasia Producer CLI for screen capture, video editing, and batch rendering processes. The architecture emphasizes using PowerShell and Python interop (pywin32) to manage complex automation tasks effectively.

A comprehensive reference architecture for building scalable, cost-effective, and robust AI services. This system manages the full AI lifecycle, including intelligent model routing (for quality/cost trade-offs), response caching (using Redis), asynchronous batch processing, and fine-tuning pipeline management via Together AI's OpenAI-compatible API. Ideal for enterprise applications requiring high availability across multiple open-source models.

This guide provides comprehensive reference architecture for integrating with Veeva Vault, covering REST APIs, VQL query language, and VAPIL Java SDK. It details key concepts like authentication, common data patterns, and error handling, making it essential for developers working on life sciences or CRM solutions built on the Vault platform.

Provides a comprehensive, layered reference architecture for building production-grade integrations with Webflow's Data API v2. This guide separates concerns into distinct layers: API access, business logic (CMS, e-commerce), webhook handling, and caching, ensuring scalability and maintainability for complex web applications.

This guide outlines robust architectural patterns for building complex administrative extensions within a React environment. It enforces strict separation of concerns by dividing logic into two main layers: Headless Features (business logic, using UseCase/Repository/Gateway) and Presentation Features (UI components, Presenters, and hooks). Following these patterns ensures highly maintainable, testable, and scalable codebases, promoting clean architecture principles for web applications.

Comprehensive guide for designing robust backend APIs within the Webiny framework. It details best practices for structuring features, distinguishing between Services (multi-method, singleton) and UseCases (single-method orchestrators, transient), managing dependencies via the DI container, and implementing advanced patterns like ServiceProviders for asynchronous bootstrapping. Essential for all backend API development.

This module provides core abstractions for implementing event-driven architecture within APIs. It includes `DomainEvent`, the fundamental base class for all domain events, and `EventPublisher`, which facilitates the structured publishing of these events to registered handlers. It is crucial for building highly decoupled, scalable, and maintainable backend services.

This pattern provides a comprehensive guide to implementing domain event handlers (before/after hooks) within the Webiny framework. It emphasizes the 'thin orchestrator' principle, requiring handlers to delegate all business logic to reusable service abstractions or UseCases for maximum reusability. Furthermore, it details the process of defining, publishing, and reacting to custom domain events, ensuring a clean, decoupled architecture.

Provides a standardized and robust skeleton for developing full-stack extensions that integrate both a backend API service and a frontend Admin UI. This pattern enforces clear separation of concerns, utilizing shared domain layers for data consistency while ensuring that API and Admin code are correctly registered using specific entry points. Ideal for complex applications requiring unified management interfaces and robust backend logic.

This guide details the complete architecture and organizational principles of a Webiny project. It covers the core concepts of the flat folder structure, the role of the central `webiny.config.tsx` file, and how to register various types of extensions (API, Admin UI, Infrastructure, and CLI Commands) using declarative JSX components. Use this when developers need to understand where custom code belongs and how to integrate different functional components into the platform.

This guide provides comprehensive migration patterns for upgrading existing Webiny v5 code to the v6 architecture. It details key architectural shifts, such as replacing ContextPlugins with Dependency Injection (DI) services, converting event subscriptions to EventHandler features, and restructuring plugin arrays into feature registrations. It is an essential resource for developers and AI agents performing major framework upgrades.