Skill UI

This skill provides a detailed guide on extending the Webiny Command Line Interface (CLI) by implementing custom commands. It utilizes the `CliCommandFactory` pattern to define structured commands, manage typed parameters, and execute complex logic. Use cases include automating data migrations, generating boilerplate code, executing custom deployment workflows, and performing CMS content exports.

This guide details how to integrate Auth0 as an external Identity Provider (IDP) for Webiny, replacing the default Cognito authentication. It involves creating an API config class to map Auth0's JWT claims to Webiny identities and implementing a React extension component. Users must set environment variables (AUTH0_ISSUER, AUTH0_CLIENT_ID) and register the necessary extensions for successful OIDC authentication flow.

This skill guides developers on integrating Okta as an external Identity Provider (IDP) for Webiny. It replaces default authentication methods (like Cognito) by utilizing the OpenID Connect (OIDC) standard. The process involves setting up an API configuration class to map Okta's JWT claims to Webiny identities, and creating a React extension component to wire the issuer URL, client ID, and configuration path, enabling seamless Single Sign-On (SSO) using Okta.

This guide explains the universal Dependency Injection (DI) pattern used across all Webiny extensions (API, Admin, CLI, Infrastructure). It details how to correctly implement constructor injection using the `dependencies` array to access core services like Logger, BuildParams, CMS use-cases, and IdentityContext. Mastering this pattern is crucial for building maintainable, type-safe, and cohesive Webiny extensions.

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 skill provides a powerful mechanism for modifying and extending AWS infrastructure using Pulumi handlers and dedicated declarative components. It allows developers to manage complex cloud setups, including configuring OpenSearch, VPC networking, resource tagging, custom domains, blue-green deployment strategies, and implementing environment-conditional configurations (e.g., production vs. development).

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 details the UseCase pattern, an architectural pattern used to encapsulate specific business operations within the Webiny framework. Learn how to define UseCases as injectable dependencies, manage input and output using the structured Result<T, E> type, and implement robust, domain-specific error handling. Mastering this pattern is crucial for building highly modular, testable, and maintainable backend APIs.

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.

This skill guides developers on creating custom, configurable, and data-driven editor components for the Webiny Website Builder. It details the use of `@webiny/website-builder-nextjs` to register components, define various input types (text, number, color, select), manage themes using CSS variables, and integrating Server Components to fetch CMS data. Ideal for building robust, genuine WYSIWYG editing experiences within a Next.js environment.

This guide provides detailed instructions for optimizing cost and implementing voice-to-text API integrations using Wispr Flow. It covers best practices for WebSocket streaming, REST API usage, context awareness (like programming code), and robust error handling, helping developers build advanced voice-powered applications.