What problem does it solve?
Entity detail pages in Saleor Dashboard (channels, products, collections, shipping zones, warehouses, customers) drift into inconsistent layouts, card chrome, and component choices. This Skill provides the design language and component conventions for refactoring or building these pages consistently.
Core Features & Use Cases
- Page anatomy conventions: Defines the DetailPageLayout structure with TopNav, content sections, right sidebar, and Savebar composition.
- Component selection rules: Maps Detail*, Assign*, Savebar*, and Setup* component families to their correct surfaces, including DetailSettingsCard, DetailSettingToggleRow, FixedAtCreationField, and AssignableList* primitives.
- Use Case: When refactoring a channel details page, use this Skill to decide between DetailPageSectionLayout with section nav versus DetailPageContent, place SEO last in the main column, and render immutable currency fields with FixedAtCreationField instead of a disabled Combobox.
Quick Start
Refactor the collection detail page in src/collections to follow the entity detail conventions using DetailPageLayout, DetailSettingsCard sections, and a sidebar AssignListCard.