Skills
.Work. You
Rest

app-shopify-polaris-web-components

Official

Build Shopify App Home UI with Polaris Web Components.

Software Engineering#ui development#web components#shopify#custom elements#polaris#app home
AuthorNiccos-Shopify-Workspace
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides guidance and examples for building user interfaces for Shopify App Home surfaces using Polaris Web Components, ensuring a consistent and native look and feel for apps outside the Shopify Admin.

Core Features & Use Cases

  • Polaris Web Components: Learn to use s-* custom elements for App Home UI.
  • Layout and Structure: Implement pages, sections, stacks, and boxes for organized layouts.
  • Component Usage: Understand how to use buttons, text, banners, links, and form elements.
  • Use Case: Design a settings page for your Shopify app's App Home, using s-page, s-section, s-text-field, and s-button to create a user-friendly configuration interface.

Quick Start

Use the app-shopify-polaris-web-components skill to generate an example of a settings page using s-page, s-section, and s-text-field.

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: app-shopify-polaris-web-components
Download link: https://github.com/Niccos-Shopify-Workspace/shopify-cursor-skills/archive/main.zip#app-shopify-polaris-web-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.