·shopify-polaris-design
</>

shopify-polaris-design

toilahuongg/shopify-agents-kit

Design and implement Shopify Admin interfaces using the Polaris Design System. Use this skill when building Shopify Apps, Admin extensions, or any interface that needs to feel native to Shopify.

5Installs·0Trend·@toilahuongg

Installation

$npx skills add https://github.com/toilahuongg/shopify-agents-kit --skill shopify-polaris-design

SKILL.md

This skill ensures that interfaces are built using Shopify's Polaris Design System (React implementation v13.x), guaranteeing a native, accessible, and professional look and feel for Shopify Merchants.

Note (2025-2026): Polaris React (@shopify/polaris) is in maintenance mode. Shopify has introduced Polaris Web Components for new development. However, Polaris React remains fully functional and supported for existing applications. This guide covers the React implementation.

Many UI components are now handled by App Bridge instead of Polaris React:

Design and implement Shopify Admin interfaces using the Polaris Design System. Use this skill when building Shopify Apps, Admin extensions, or any interface that needs to feel native to Shopify. Source: toilahuongg/shopify-agents-kit.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/toilahuongg/shopify-agents-kit --skill shopify-polaris-design
Category
</>Dev Tools
Verified
First Seen
2026-02-03
Updated
2026-02-18

Quick answers

What is shopify-polaris-design?

Design and implement Shopify Admin interfaces using the Polaris Design System. Use this skill when building Shopify Apps, Admin extensions, or any interface that needs to feel native to Shopify. Source: toilahuongg/shopify-agents-kit.

How do I install shopify-polaris-design?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/toilahuongg/shopify-agents-kit --skill shopify-polaris-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/toilahuongg/shopify-agents-kit