Skill UI

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 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).

A comprehensive skill for developers needing to deeply customize the Webiny Admin UI. Features include white-labeling (changing logos, themes, and titles), adding custom columns to content entry lists, and developing custom forms for Website Builder page types. It covers advanced React components like AdminConfig, ContentEntryListConfig, and custom form validation.

A comprehensive collection of core abstractions, event handlers, and use cases for building applications with a Headless Content Management System (CMS). It provides types for content entries, models, and groups, along with specific integrations for advanced search features like OpenSearch.

This guide details how to programmatically define and manage Headless CMS content models using the ModelFactory pattern. Developers learn to declare fields (including complex types like richText, file, object), set validators (required, unique, regex), configure field layouts, and manage API naming conventions entirely through code. It is essential for extending and customizing CMS core functionality.

This guide details how to implement custom Content Management System (CMS) field types within a framework. It covers extending the core DataFieldBuilder, composing complex validator interfaces, creating a dedicated FieldTypeFactory, and ensuring proper registration via Dependency Injection (DI) and module augmentation for full TypeScript autocomplete support. Essential for adding fields with specialized validation or storage formats.

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.

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 workflow provides comprehensive guidance for integrating the Wispr Flow voice-to-text API. It supports both low-latency WebSocket streaming and simpler REST API calls. It is essential for developers building sophisticated, voice-powered applications, including real-time dictation, transcribing content, and integrating voice inputs into core development tools.

This core workflow provides comprehensive guidance for integrating the Wispr Flow voice-to-text API. It supports both low-latency WebSocket streaming and standard REST API calls. Use this when building voice-powered applications, real-time dictation tools, or systems that require high accuracy in transcribing complex content like code, CLI commands, and technical jargon.

A browser-based skill for search, web scraping, login-required actions, and dynamic page interaction. Use it to access real websites, extract content, and operate pages in a live Chrome environment.

Captures complete, full-page screenshots of any modern web page using the Chrome DevTools Protocol (CDP). Unlike standard tools, this utility handles Single Page Applications (SPAs), scrolling content, lazy-loaded images, and complex scroll containers, ensuring the entire visible content is captured in a single, high-fidelity PNG file. Ideal for documenting complex web flows and testing.