Skill UI

This module provides essential abstractions for building web administration dashboards. It includes critical hooks like `useNavigateFolder` for structured routing and `useRecords` for standardized data fetching and state management. It simplifies complex frontend logic, ensuring consistency and reusability across large-scale admin 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.

This module provides essential abstractions and hooks (BuildParam, BuildParams, useBuildParams) for managing build parameters within the administrative interface. It allows developers to centralize the definition, retrieval, and usage of configuration parameters required for the application's setup and various features, ensuring clean and type-safe access to build-time variables.

A comprehensive set of abstractions, hooks, and components for building robust administrative dashboards and complex applications using the Webiny framework. It provides foundational tools like `createFeature`, `createProvider`, and various context utilities, enabling developers to manage application state, features, and UI components in a highly structured and scalable manner.

A comprehensive set of abstractions, types, and components for building robust administrative backends and content management interfaces. This toolkit supports data modeling, content entry forms, GraphQL integration, and event handling, making it ideal for developing headless CMS solutions.

This module serves as the centralized catalog for administrative configurations within the Webiny API context. It provides key abstractions, such as AdminConfig, allowing developers to reliably access and manage application settings. Developers must import the specific abstraction and review the source file for accurate interfaces and types to ensure proper implementation.

This module provides essential abstractions for managing and accessing environment configurations within the admin panel. It introduces `EnvConfig` (for static type/instance access) and `useEnvConfig` (a hook for component usage). It ensures that environment-specific settings (such as API endpoints or keys) are managed centrally, improving code modularity and maintainability across different deployment environments.

This module provides a comprehensive set of abstractions and hooks for developing complex web forms, primarily for administrative interfaces. It includes tools for field rendering, form state management (using hooks like useForm and useBind), field building utilities (FieldBuilder), and robust data validation mechanisms. It significantly simplifies the process of creating data-driven and interactive user input forms.

This utility provides key abstractions for integrating with the webiny administration API using GraphQL. It serves as a centralized catalog, guiding developers on how to correctly import and utilize pre-defined GraphQL client structures. By enforcing standardized interfaces and types, it ensures type safety and consistent data interaction patterns across the application's administrative features, streamlining data fetching in complex admin contexts.

This module provides a comprehensive set of abstractions, components, and hooks for building sophisticated rich text editors (based on Lexical). It includes essential UI components like Dividers and DropDowns, alongside powerful hooks for managing real-time selection state, applying typography actions, and handling complex content rendering. It is designed for developers building advanced administrative panels or Content Management Systems (CMS).

This module provides multiple abstractions and hooks for interacting with the browser's LocalStorage API within an administrative context. It offers specialized utilities, including direct service access (LocalStorage instance) and advanced React hooks (useLocalStorage, useLocalStorageValues). These tools enable component developers to imperatively call services or efficiently observe single or multiple keys, ensuring consistent state management and proper re-rendering when local state changes.

This skill provides a robust, schema-driven solution for managing and enforcing permissions in administrative user interfaces. It allows developers to define complex permission structures (the domain schema) and automatically generates associated UI forms, injectable permission checks, and component props. Use it to add granular permission controls to any admin section, supporting multi-entity, complex access scopes (e.g., full/own), and various operational actions.