Saleor Commerce
Official@saleor
The made-to-measure commerce API. Built for developers and agents.
Agent Skills by Saleor Commerce
Showing 36 vetted skills indexed across 3 GitHub repositories.
saleorsaleor-dashboard-feedback
Guides error, warning, and success feedback patterns for Saleor Dashboard toasts and inline UI.
saleorsaleor-dashboard-detail-pages
Standardizes Saleor Dashboard entity detail pages with layout, metadata modal, and TopNav conventions.
saleorsaleor-dashboard-styles
Applies macaw-ui design system styling rules to Saleor Dashboard React components.
saleorsaleor-dashboard-security-audit
Triage OSV and pnpm audit findings into batched dependency vulnerability fixes.
saleorsaleor-dashboard-loading
Implements skeleton, spinner, and empty-state loading patterns for Saleor Dashboard entity views.
saleorsaleor-dashboard-microcopy
Standardizes helper text, card subtitles, and inline links in Saleor Dashboard React components.
saleorsaleor-dashboard-smooth-shadow
Applies smooth-shadow-ring elevation styling to floating UI surfaces in Saleor Dashboard.
saleorsaleor-dashboard-entity-detail
Standardizes entity detail page layouts and components in the Saleor Dashboard React codebase.
saleorsaleor-paper-storefront
Guides development of the Saleor Paper Next.js 16 storefront across caching, checkout, and product pages.
saleorpaper-migrations
Apply chronological upstream Paper storefront migrations to forked Saleor shops.
saleorreact-patterns
Guide React component logic placement across render, effects, and handlers.
saleorcheckout-management
Debug Saleor checkout state lifecycle across client and server contexts.
saleorfiltering-system
Define server-side and client-side filtering architecture for product lists.
saleorui-components
Create reusable UI components with design tokens, Tailwind, and shadcn/ui primitives.
saleorcheckout-architecture
Document reusable checkout UI components for sign-in, address, and payment steps.
saleorsaleor-investigation
Inspect Saleor source code to trace GraphQL resolvers, data loaders, and Django models.
saleortesting
Automate Vitest testing workflows for JavaScript and TypeScript projects.
saleortailwind-turbopack
Generate Tailwind CSS classes via data attributes when Turbopack fails.
saleorwriting-skills
Catalog and codify AI agent skills using SKILL.md, REFERENCE.md, and STATE_MACHINE.md.
saleorpdp
Implement Product Detail Pages with server and client component orchestration.
saleorgraphql-workflow
Synchronize GraphQL schemas with generated TypeScript types via graphql-codegen.
saleorseo-system
Integrate page metadata, JSON-LD, and Open Graph/Twitter cards into Next.js applications.
saleorvariant-selection
Map product attribute selections to concrete variants for Add to Cart actions.
saleorcaching-strategy
Configure Next.js Cache Components with cacheLife and cacheTag for revalidation.
Frequently Asked Questions About Saleor Commerce
FAQPage SchemaWhat specific commerce tasks can be managed using these capabilities?▼
These capabilities enable the management of multi-channel storefronts, complex checkout state lifecycles, product variant selection, and server-side filtering architectures. You can implement custom product detail pages, configure multi-currency support, and synchronize data models using type-safe operations.
Which engineering personas benefit most from these technical patterns?▼
Frontend engineers, full-stack developers, and commerce architects building headless storefronts benefit most. These patterns are designed for developers working with Next.js, GraphQL, and TypeScript who require precise control over state management, caching strategies, and entity validation within a commerce ecosystem.
What are the primary dependencies and prerequisites for implementation?▼
Implementation requires a foundational understanding of the Saleor commerce platform, GraphQL, and TypeScript. Key dependencies include Next.js for rendering, Zod for runtime validation, and graphql-codegen for maintaining type safety across your schema and operations.