Skills
.Work. You
Rest

shopify-polaris-icons

Community

Enhance Shopify UIs with Polaris Icons.

Design & Creative#accessibility#frontend#icons#ui design#shopify#polaris
Authortoilahuongg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides guidance and examples for effectively using Shopify's official Polaris Icons within Shopify applications, ensuring visual consistency and accessibility.

Core Features & Use Cases

  • Icon Integration: Learn how to import and use Polaris Icons with the Polaris Icon component.
  • Accessibility: Understand best practices for making icons accessible to all users.
  • Use Case: You're building a new feature in a Shopify app and need to add a "Add to Cart" button. This Skill shows you how to correctly implement the PlusIcon within a Polaris Button component, ensuring it's visually correct and accessible.

Quick Start

Use the shopify-polaris-icons skill to find and implement the PlusCircleIcon in your React component.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: shopify-polaris-icons
Download link: https://github.com/toilahuongg/Shopify-Agents-Kit/archive/main.zip#shopify-polaris-icons

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.