Skill UI

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 catalog provides comprehensive infrastructure abstractions and hooks for the Webiny ecosystem. It includes standardized lifecycle hooks (Before/After Build/Deploy/Watch) and specialized services (Logger, UI, AWS interactions) for various modules (Admin, API, Core). Use these standardized interfaces to seamlessly integrate custom logic into your build and deployment pipelines, ensuring modularity and consistency.

A comprehensive guide for developers on deploying, developing locally, and managing environments for Webiny serverless platform on AWS. Learn how to use `yarn webiny deploy` for multi-environment releases (dev, staging, prod), and how to leverage `yarn webiny watch` for local API (Lambda stubs) and Admin (React HMR) development, ensuring full-stack debugging capabilities.

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.

The official SDK for interacting with the Webiny Headless CMS and File Manager from external applications (Next.js, Vue, Node.js). It provides a robust TypeScript interface for performing CRUD operations (list, get, create, update, publish), advanced filtering, sorting, and ensuring type safety across complex content models. Use this when building frontends or backends that need to consume Webiny content data.

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.

Provides comprehensive migration patterns for converting existing v5 Webiny code to the v6 architecture. It details key architectural shifts, including replacing ContextPlugins with Dependency Injection (DI) Services, updating event subscriptions to specialized EventHandler Features, and adopting the feature-based container registration model. Essential for developers and AI agents performing major framework upgrades.

This guide details how to build and integrate custom, editable components for a Website Builder platform using the webiny-website-builder-nextjs SDK. Developers can learn to register components, define configurable inputs (text, image, colors, etc.), handle complex data types (like lexical objects), implement advanced theming, and build Server Components to fetch live CMS data. Ideal for creating a seamless, professional user experience within a web editor environment.

Provides comprehensive guidelines for integrating the Wispr Flow voice-to-text API into development environments. This skill covers both low-latency WebSocket streaming and simpler REST endpoint usage. It is essential for building voice-powered applications, including real-time dictation, command-line interactions, and context-aware code transcription across multiple platforms (Mac, Windows, iOS).

This guide provides comprehensive troubleshooting and error handling documentation for integrating the Wispr Flow voice-to-text API. It covers common issues across WebSocket streaming, REST API calls, and general dictation workflows. Users will learn how to address errors like 'Unauthorized' keys, network disconnections, and poor accuracy by utilizing best practices for context setting and API reconnection strategies.