saleorOfficial·9 Agent Skills Included

saleor-dashboard

AI coding rules and skills for the Saleor e-commerce dashboard

Guides AI agents through building, styling, and testing the Saleor e-commerce admin dashboard. Covers component styling, detail page layouts, loading states, error feedback, security audits, and Playwright test failure analysis. Eliminates guesswork about design tokens, GraphQL patterns, and code review standards so agents ship consistent, review-ready changes faster.

1,028|1,225

↗

npx skills add saleor/saleor-dashboard --all -g -y

Available:

Gives the AI agent the project's architecture, build and test commands, coding standards, and UI design rules so it can make correct changes to the Saleor Dashboard codebase.

All Skills in This Repository (9)

Pure Emerald Level Indicators

📦 In Repo

saleor

analyze-failures

Analyze CI Playwright failure reports to group and triage flaky tests.

saleor-dashboard-feedback

Guides error, warning, and success feedback patterns for Saleor Dashboard toasts and inline UI.

saleor-dashboard-detail-pages

Standardizes Saleor Dashboard entity detail pages with layout, metadata modal, and TopNav conventions.

saleor-dashboard-styles

Applies macaw-ui design system styling rules to Saleor Dashboard React components.

saleor-dashboard-security-audit

Triage OSV and pnpm audit findings into batched dependency vulnerability fixes.

saleor-dashboard-loading

Implements skeleton, spinner, and empty-state loading patterns for Saleor Dashboard entity views.

saleor-dashboard-microcopy

Standardizes helper text, card subtitles, and inline links in Saleor Dashboard React components.

saleor-dashboard-smooth-shadow

Applies smooth-shadow-ring elevation styling to floating UI surfaces in Saleor Dashboard.

saleor-dashboard-entity-detail

Standardizes entity detail page layouts and components in the Saleor Dashboard React codebase.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install Saleor Dashboard skills?▼

Run `npx skills add saleor/saleor-dashboard --all -g -y` in your terminal to install all skills in this suite globally.

What do the Saleor Dashboard skills do?▼

They teach your AI agent the project's styling system, detail page patterns, loading and error feedback rules, and security audit workflow so it writes code that matches the team's standards.

Can AI fix failing Playwright tests in Saleor Dashboard?▼

Yes. The analyze-failures skill downloads CI test reports, reads screenshots and traces, and diagnoses whether failures are test bugs or real app bugs.

Do these skills work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and work in Claude Code, Cursor, Codex, and other compatible AI coding agents.

Do I need to know React to use these skills?▼

Basic familiarity helps, but the skills encode the project's React, TypeScript, and GraphQL conventions so your agent applies them automatically from plain-English requests.