Skill UI

This catalog provides essential abstractions and utility functions for building complex, interactive web editors and website builders. It includes utilities for element manipulation ($createElement, $deleteElement), state management, component rendering (LexicalEditor, DropDown), and workflow commands, enabling developers to create robust CMS interfaces.

A comprehensive set of API abstractions designed for website building. It provides structured use cases and event handlers for managing page lifecycle (create, read, update, delete), handling URL redirects, and generating configurations for modern frameworks like Next.js and Nuxt. This skill is essential for developers building sophisticated, content-driven websites.

A comprehensive guide for developing custom editor components, theming, and CMS integration for the Website Builder using Next.js. Developers learn to register components, define configurable inputs (text, color, image, lexical), handle complex props, and understand the unique Admin iframe architecture.

This skill allows developers to deeply customize the website builder's page settings. You can add entirely new settings tabs (e.g., Publishing, Analytics) or modify existing groups by injecting custom fields. It leverages PageSettingsGroup and PageSettingsGroupModifier interfaces, ensuring all custom data is safely managed and stored within the doc.extensions object, preventing conflicts with built-in system properties.

This utility provides an extension point to inject custom query parameters into all live preview URLs generated by the Website Builder. Developers can use this to automatically append necessary data, such as signed tokens, tenant identifiers, or feature flags, ensuring the preview environment is fully configured for specific use cases. It supports complex async operations like fetching tokens from remote APIs.