shopify-polaris-app-home

Build Shopify admin UIs with Polaris App Home templates and App Bridge.

Updated Nov 16, 2022
One-click install
npx skills add https://github.com/kos3nz/dotfiles --skill shopify-polaris-app-home-kos3nz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shopify-polaris-app-home
Source: https://github.com/kos3nz/dotfiles/tree/main/.config/agents/skills/shopify-polaris-app-home
Command: npx skills add https://github.com/kos3nz/dotfiles --skill shopify-polaris-app-home-kos3nz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build your app's primary user interface embedded in the Shopify admin, using Polaris App Home patterns to deliver a consistent admin experience.

Core Features & Use Cases

  • Ready-to-use UI design patterns and templates for Polaris App Home, including Homepage, Details, Index, and Settings, to accelerate interface development.
  • Clear guidance for integrating Polaris web components and App Bridge to render inside the Shopify admin.
  • Design guidelines and examples for composing fluid, responsive admin UIs with reusable components.

Quick Start

Start by initializing a Polaris App Home page in your app and wire it into App Bridge to render inside the Shopify admin.

Frequently Asked Questions about shopify-polaris-app-home

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build an app UI embedded in the Shopify admin using Polaris?

To build a Shopify admin app UI using Polaris, this skill provides ready-to-use App Home templates like Homepage and Settings, along with guidance for integrating Polaris web components and App Bridge to render your interface directly inside the admin surface.

What is the best way to structure a Shopify admin app homepage with Polaris?

The best way to structure a Polaris app homepage is by using the provided App Home patterns, which offer composable UI components and templates for Homepage, Details, Index, and Settings to deliver a consistent, responsive admin experience.

Do I need Node.js to use Polaris web components in my Shopify admin app?

Yes, you need Node.js compatibility to use this Polaris App Home skill, as it provides guidance for loading context and wiring Polaris web components into App Bridge through Node.js compatible environments.

Can I use App Bridge to render Polaris app home templates inside the Shopify admin?

Yes, you can use App Bridge to render Polaris app home templates inside the Shopify admin. This skill guides you through initializing Polaris App Home pages and wiring them into App Bridge for seamless admin embedding.

What Shopify admin UI templates are available for building an embedded app?

Available Shopify admin UI templates for embedded apps include Homepage, Details, Index, and Settings. These Polaris App Home templates accelerate interface development by providing ready-to-use, composable design patterns.

Why are my Polaris web components not rendering correctly in the Shopify admin?

Polaris web components may not render correctly in the Shopify admin if they are not properly wired into App Bridge. This skill provides integration guidance to ensure your App Home UI templates load and display fluidly within the admin environment.