shopify-apps
Build Shopify Apps with Modern Patterns
Shopify app development requires understanding complex integration patterns. This skill provides proven patterns for embedded apps, webhook handling, and GraphQL API usage.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「shopify-apps」。 Request: Generate webhook handler for product updates
預期結果:
Creates express route with HMAC verification middleware, queue-based async processing, and Shopify-compliant 200ms response requirement with background job for heavy operations.
正在使用「shopify-apps」。 Request: Build embedded app navigation
預期結果:
Generates App Bridge navigation component with navigation block linking to admin sections, proper route recognition, and Polaris navigation styling.
安全審計
安全Static analyzer flagged two false positives for weak cryptographic algorithms at SKILL.md lines 3 and 46. Both are documentation text, not executable code. Line 3 mentions HMAC verification as a best practice. Line 46 is descriptive text. This is a documentation skill with no code execution risk.
品質評分
你能建構什麼
Shopify App Scaffold
Generate a complete Shopify app structure with Remix, App Bridge, and Polaris for rapid project initialization.
Webhook Handler Implementation
Create secure webhook endpoints with proper HMAC verification and async processing patterns.
GraphQL API Integration
Build efficient GraphQL queries and mutations for product, order, and customer management.
試試這些提示
Generate a Shopify app using Remix with App Bridge integration. Include the basic file structure, package.json dependencies, and main entry points for an embedded app.
Create a webhook handler for the orders/create webhook. Include HMAC signature verification, async processing with a queue, and proper error handling for retry logic.
Create a Polaris IndexTable component for displaying Shopify products. Include column definitions for title, vendor, price, and inventory. Add sorting by created date and filtering by vendor.
Write a GraphQL query to fetch products with variants, including inventory levels across locations. Add pagination support with cursor-based navigation.
最佳實務
- Use GraphQL Admin API for all new development instead of REST for better performance and flexibility
- Process webhooks asynchronously and respond within 200ms to prevent Shopify timeouts
- Request customer data access scopes only when required and handle GDPR deletion requests
避免
- Using REST API for new app development when GraphQL provides better capabilities
- Synchronous webhook processing that exceeds Shopify 200ms response timeout
- Polling Shopify API for changes instead of using webhooks for real-time updates