shopify-polaris-admin-extensions

shopify polaris admin extensions

shopify 465 ↓ 6.5k MIT updated 1mo ago
Claude Code
View source ↗

What it does

  • For 2025-07, use only React components from @shopify/ui-extensions-react/admin. Do not generate Polaris web components (<s-...>) for 2025-07.
  • Use camelCase attribute names: alignItems, paddingBlock, borderRadius — NOT kebab-case (align-items, padding-block)
  • Boolean attributes (disabled, loading, dismissible, hidden, required, checked, defaultChecked) accept shorthand or {expression}:
  • ✅ <s-button disabled loading>, <s-banner dismissible>, <s-checkbox checked={isChecked} />
  • String keyword attributes (padding, gap, direction, tone, variant, size, background, alignItems) must be string values — never shorthand or {true}:
  • ✅ <s-box padding="base">, <s-stack gap="loose" direction="block">, <s-badge tone="success">
  • ❌ <s-box padding>, <s-stack gap={true}> — boolean shorthand on string props fails TypeScript

Requirements & configuration

Configuration: BASE64_OF_USER_PROMPTYOUR_SESSION_IDYOUR_TOOL_USE_IDOPT_OUT_INSTRUMENTATION

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

shopify polaris admin extensions

Source

Repository: https://github.com/shopify/shopify-ai-toolkit

shopify-polaris-admin-extensions FAQ

What does the shopify-polaris-admin-extensions skill do?

Add custom actions and blocks from your app at contextually relevant spots throughout the Shopify Admin. Admin UI Extensions also supports scaffolding new adminextensions using Shopify CLI commands. For 2025-07, use only React components from @shopify/ui-extensions-react/admin. Do not generate Polaris web components (<s-...>) for 2025-07. Use camelCase attribute names: alignItems, paddingBlock, borderRadius — NOT kebab-case (align-items, padding-block)

What does shopify-polaris-admin-extensions require?

Configuration keys: BASE64_OF_USER_PROMPT, YOUR_SESSION_ID, YOUR_TOOL_USE_ID, OPT_OUT_INSTRUMENTATION.

How do I install shopify-polaris-admin-extensions?

Run: npx -y skills add https://github.com/shopify/shopify-ai-toolkit --skill shopify-polaris-admin-extensions --agent claude-code — the source lives at github.com/shopify/shopify-ai-toolkit.

Maintain shopify-polaris-admin-extensions?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

shopify-polaris-admin-extensions on getagentictools
[![shopify-polaris-admin-extensions on getagentictools](https://getagentictools.com/badge/skills/shopify-shopify-ai-toolkit-shopify-polaris-admin-extensions.svg)](https://getagentictools.com/skills/shopify-shopify-ai-toolkit-shopify-polaris-admin-extensions?ref=badge)
npx agentictools info skills/shopify-shopify-ai-toolkit-shopify-polaris-admin-extensions

The second line is the CLI lookup for this page — handy in READMEs and docs.