Skill UI

This guide details how to build modern, custom headless storefronts using Shopify's Storefront API and Cart API. It covers key functionalities like product querying, cart management (adding/updating lines), and initiating the checkout flow. Designed for developers building client-facing e-commerce experiences, it emphasizes the use of public access tokens for decoupled, highly customizable online stores.

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.

A comprehensive collection of foundational types, components, and clients for building administrative interfaces (admin panels) connected to a Headless CMS. This library provides critical abstractions for content modeling, form rendering, GraphQL data fetching, and managing complex content entries, ensuring a robust and scalable content management solution.

This catalog provides comprehensive API abstractions for a Headless Content Management System (CMS). It covers core functionalities including content entry definition (CmsEntry), model management (CmsModel), content group handling, and advanced use cases like creating entries, cloning models, and complex data validation. It supports GraphQL integration, sorting, and mapping, enabling developers to build robust, data-driven backend content applications.

This skill guides developers on creating and managing Headless CMS content models programmatically using the ModelFactory pattern. It covers defining complex data structures, including various field types (text, richText, file, ref), implementing validators (required, unique), configuring layouts, and establishing relationships between models. It is essential for advanced, code-driven CMS customization and API integration.

The official SDK for integrating Webiny's Headless CMS and File Manager into external applications (e.g., Next.js, Vue, Node.js). It provides a robust TypeScript interface for reading, writing, updating, and managing content entries. Features include listing, filtering, sorting, handling content revisions (read vs. preview mode), and ensures type safety using generics, making complex data operations reliable and scalable.