Shopify Polaris UI Designer
Builds professional Shopify admin app interfaces using the official Polaris design system and React/Web Components.
The shopify-polaris skill enables Claude to architect and implement user interfaces for Shopify apps that adhere strictly to Shopify's App Design Guidelines. It provides deep knowledge of the Polaris component library—including Layout, Forms, and Data Display components—while navigating the transition between Polaris React and modern Web Components. By leveraging design tokens for spacing, color, and typography, this skill ensures apps feel like a native extension of the Shopify admin environment, complete with accessibility best practices and App Bridge integration.
主な機能
01Integrates accessibility-first patterns and Shopify App Design Guidelines
02Manages layout hierarchy using Page, Layout, and Card structures
03Implements native-looking Shopify admin interfaces with Polaris components
0432 GitHub stars
05Navigates the transition from Polaris React to Web Components
06Applies standardized design tokens for colors, spacing, and typography
ユースケース
01Building an embedded Shopify app dashboard with consistent admin styling
02Creating complex resource lists and data tables using IndexTable
03Designing responsive forms with built-in validation and Polaris feedback loops