Skill UI

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.

This module provides essential, standardized abstractions and hooks for managing navigation within a web administration panel. It includes components like LinkComponent and RouteLinkComponent, along with hooks such as useRouter and useRoute, allowing developers to easily structure routes, handle redirection, and manage client-side navigation state efficiently.

This catalog provides core abstractions and hooks for robust security management in administrative applications. It includes essential tools for handling identity context, user authentication flows (login/logout), and granular authorization checks. Developers can use these components to build secure, feature-rich administrative panels with reliable access control.

This catalog provides essential TypeScript abstractions, types, and hooks for implementing robust multi-tenancy features in administrative interfaces. It helps developers manage the current tenant context, check tenant roles (e.g., root vs. non-root), and handle tenant state changes (enable/disable) across various modules. It is crucial for building scalable, secure, and multi-tenant SaaS platforms.

A comprehensive collection of high-quality UI abstractions and components designed for building professional administrative dashboards and user interfaces. It provides essential building blocks such as layout managers, data tables, complex forms, dialogs, and various interactive elements like buttons, pickers, and accordions, ensuring consistency and efficiency in large-scale web applications.

This module provides essential abstractions for managing language data within the admin panel. It includes `LanguageDto` for strongly typed data structures and `useLanguages` hook for fetching and handling language-related state and logic. Use this when developing administrative features that require language catalog management.

This orchestrator converts complex Markdown content—such as long-form specs, code reviews, or slide decks—into a single-file, lightly-interactive HTML document. It deterministically classifies the input type (Document, Review, or Slides) and routes the content to the appropriate specialized converter sub-skill, ensuring the output retains density and structure far beyond what raw markdown can achieve.

A powerful tool for designing and writing deterministic, multi-agent workflow scripts in JavaScript. It allows users to orchestrate complex, repeatable, multi-step tasks using advanced patterns like fan-out, pipelines, loops, and judge-panels. Ideal for automating sophisticated business processes that require multiple specialized sub-agents and robust context management.

This toolkit provides deterministic, programmatic capabilities for working with PDF documents. Users can extract structured data like text and tables, merge multiple PDFs, split documents by page ranges, fill out PDF form fields using JSON data, or generate entirely new PDFs from scratch using libraries like ReportLab. It is designed for explicit, byte-level operations, making it ideal for automation workflows that require precise document manipulation.