Skills
.Work. You
Rest

polaris-components

Community

Shop Polaris v12 UI patterns for React apps

Software Engineering#accessibility#react#migration#shopify#ui-patterns#polaris#component-patterns
Authorducnm-mimhus
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Polaris usage patterns and best practices to streamline Shopify Polaris-based UI development in React apps.

Core Features & Use Cases

  • Up-to-date v12+ Polaris component usage and best practices for Button, Card, Modal, Layout, and icons.
  • Migration guidance from v11 to v12, proper v9 icon usage, and accessibility considerations.
  • Practical UI patterns for building polished Shopify apps with consistent visuals and behavior.

Quick Start

Install Polaris v12+ in your project and start building UI components using the patterns shown.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: polaris-components
Download link: https://github.com/ducnm-mimhus/Avada-Simple-Sales-Pop/archive/main.zip#polaris-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.