AgentSkillsCN

shopify-apps

掌握 Shopify 应用开发的专家级模式,包括 Remix/React Router 应用、通过 App Bridge 实现嵌入式应用、Webhook 处理、GraphQL Admin API、Polaris 组件、计费功能以及应用扩展。可加以应用。

SKILL.md
--- frontmatter
name: shopify-apps
description: Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling, GraphQL Admin API, Polaris components, billing, and app extensions. Use 
category: AI & Agents
source: antigravity
tags: [react, api, template]
url: https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/shopify-apps

Shopify Apps

Patterns

React Router App Setup

Modern Shopify app template with React Router

Embedded App with App Bridge

Render app embedded in Shopify Admin

Webhook Handling

Secure webhook processing with HMAC verification

Anti-Patterns

❌ REST API for New Apps

❌ Webhook Processing Before Response

❌ Polling Instead of Webhooks

⚠️ Sharp Edges

IssueSeveritySolution
Issuehigh## Respond immediately, process asynchronously
Issuehigh## Check rate limit headers
Issuehigh## Request protected customer data access
Issuemedium## Use TOML only (recommended)
Issuemedium## Handle both URL formats
Issuehigh## Use GraphQL for all new code
Issuehigh## Use latest App Bridge via script tag
Issuehigh## Implement all GDPR handlers