S claudeskill.wiki
web-development

shopify-apps

Экспертные шаблоны для разработки приложений Shopify, включая приложения на Remix/React Router, встроенные приложения с App Bridge, обработку вебхуков, GraphQL Admin API, компоненты Polaris, биллинг и расширения приложений. Используйте при: shopify app, shopify, встроенное приложение, polaris, app bridge.

111

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

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

Установка

npx claude-code-templates@latest --skill web-development/shopify-apps

Quick start

  1. Install Claude Code if you have not already.
  2. Copy the Install command from this page and run it in your project directory.
  3. In Claude Code, load or mention the skill when your task matches what the skill is for.

Documentation

Use the links below for agent skills, troubleshooting, and official examples.

Материалы