skills

Use when creating a new color theme or token set for Pimcore Studio UI (a DynamicTypeThemeAbstract subclass registered in the ThemeRegistry), including choosing an extends chain, filling AntD color tokens, seeding the boot palette, and picking colors that meet WCAG AAA contrast

Building filters in Pimcore Studio UI - the declarative defineFilter framework for filter panels and sidebars (createFiltersStore, FiltersRenderer, useFilterQuery) and custom field-filter dynamic types for per-column listing filters (DynamicTypeFieldFilterAbstract, DynamicTypeFieldFilterRegistry). Use this whenever building, customizing, or extending any kind of filtering, filter panel, filter sidebar, or search/filter UI, or adding a new filter type to a listing or data view - even when the user only says "add filtering", "let users filter by X", "filter this list", or "build a filter sidebar".

Building listings in Pimcore Studio UI using the ListingBuilder decorator pattern - sorting, paging, filtering, inline editing, and custom decorators

UX and UI design conventions for Pimcore Studio - layout, spacing, action labels, writing style, and design principles for consistent extensions

Pimcore Studio migration and review checklist — 34-point verification checklist, anti-patterns to avoid, and reference base classes for validating Studio code completeness

Pimcore Studio PHP code style rules — strict types, class modifiers, final/readonly patterns, formatting (120 chars), named arguments, imports, PHPDoc, @throws documentation, and constructor promotion

Pimcore Studio DI and routing configuration — studio_backend.yaml service bindings, controller auto-discovery, container parameters, explicit argument wiring, and studio_routing.yaml setup

Pimcore Studio controller patterns — one-action-per-controller, OpenAPI attributes, route configuration, parameter binding with DTOs, void/upload endpoints, and route priority rules

Pimcore Studio DTO, Schema, Hydrator, and Event patterns — response DTOs with AdditionalAttributes, parameter DTOs, query DTOs, OpenAPI schema annotations, hydrator structure, and pre-response events

Pimcore Studio exception handling — exception types, non-HTTP exception conversion, ModelNotFoundException to API NotFoundException, aliasing patterns, and the ApiExceptionSubscriber behavior

Pimcore Studio OpenAPI documentation — translation keys for API docs, Prefix and Tags config classes, PermissionConstants, and mandatory translation string creation for new controllers

Pimcore Studio service layer patterns — permission checks, current user resolution, StaticResolverBundle usage, trait patterns, event dispatching, and cleanup with try/finally

Setting up a new Pimcore Studio bundle from scratch - boilerplate, frontend build, module federation, PHP configuration

Organization and structure of Pimcore Studio bundles - modules, components, file layout

Using button components in Pimcore Studio UI - Button, IconButton, IconTextButton, DropdownButton, and ButtonGroup

Adding and customizing context menu items in Pimcore Studio UI - ContextMenuRegistry, slots, providers, and priority system

Dynamic type system fundamentals in Pimcore Studio - extensible type pattern for polymorphic behavior

Error handling patterns in Pimcore Studio UI - trackError, ApiError, GeneralError, ErrorBoundary, and proper error flow

Building forms with FormKit and Ant Design in Pimcore Studio - FormKit usage, validation, panels, field types

Internationalization and translation system in Pimcore Studio UI - useTranslation hook, translation keys, and localization

Using icons in Pimcore Studio UI - Icon component, custom icon registration, icon color groups, and SVG best practices

Fundamental layout components in Pimcore Studio UI - Content, Box, Flex, Space, ConfigLayout with real-world patterns

Using modal dialogs in Pimcore Studio UI - declarative Modal and WindowModal components, plus imperative useFormModal, useAlertModal, useStudioModal hooks

Adding main navigation entries and perspective permissions in Pimcore Studio UI - frontend registration and backend permission management

Displaying notification messages and toasts in Pimcore Studio UI using the useMessage hook

Checking and handling permissions in Pimcore Studio UI - element permissions, user permissions, perspective permissions, and writeable state for config-based features

Creating React components in Pimcore Studio UI - component structure, props patterns, styling with CSS-in-JS, file organization, component vs module placement, Storybook requirements

RTK Query basics for data fetching in Pimcore Studio - queries, mutations, caching, error handling with trackError

Using Grid component and TanStack Table in Pimcore Studio UI for data tables and grids

Adding and customizing editor tabs in Pimcore Studio UI - tab managers, registration, override, permissions, and detachable tabs

TypeScript coding standards and best practices for Pimcore Studio UI - type safety, null checks, and code quality

How bundles consume the Pimcore Studio UI SDK - plugins, modules, DI, registries, and imports

Widget system in Pimcore Studio UI - registering widgets, opening them in layout areas, WidgetManagerTabConfig, and connecting widgets to navigation