About shopify-apps
A skill covering implementation patterns and pitfalls for Shopify apps. It addresses React Router setup, embedded Admin apps, webhook handling, and guidance for newer app development practices.
Key features
- 01Set up apps with React Router
- 02Embed apps in Shopify Admin with App Bridge
- 03Verify webhook HMAC signatures
- 04Handle webhooks asynchronously
- 05Use GraphQL for new code
- 06Implement GDPR handlers
Use cases
- 01Build a React Router-based Shopify app
- 02Create an app embedded in Shopify Admin
- 03Process webhooks with signature verification
- 04Review an app for common implementation pitfalls
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/shopify-appsin Claude Code to confirm it loaded.
Details
From the project READMEShopify 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 |
Comments
Markdown supported