shopify-apps
使用現代模式構建 Shopify 應用
Shopify 應用開發需要理解複雜的整合模式。此技能提供經過驗證的嵌入式應用、webhook 處理和 GraphQL API 使用的模式。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「shopify-apps」。 請求：為產品更新生成 webhook 處理器
預期結果:
創建帶有 HMAC 驗證中間件的 express 路由、基於隊列的異步處理，以及符合 Shopify 200ms 響應要求的后台作業以處理重型操作。
正在使用「shopify-apps」。 請求：構建嵌入式應用導航
預期結果:
生成 App Bridge 導航組件，包含導航塊連接到管理部分、正確的路由識別和 Polaris 導航樣式。
安全審計
安全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 應用腳手架
生成完整的 Shopify 應用結構，包含 Remix、App Bridge 和 Polaris，用於快速項目初始化。
Webhook 處理器實現
創建安全的 webhook 端點，包含適當的 HMAC 驗證和異步處理模式。
GraphQL API 整合
為產品、訂單和客戶管理構建高效的 GraphQL 查詢和變更操作。
試試這些提示
使用 Remix 生成帶有 App Bridge 整合的 Shopify 應用。包含基礎文件結構、package.json 依賴項，以及嵌入式應用的主要入口點。
為 orders/create webhook 創建處理器。包含 HMAC 簽名驗證、帶隊列的異步處理，以及用於重試邏輯的適當錯誤處理。
創建 Polaris IndexTable 組件以顯示 Shopify 產品。包含標題、供應商、價格和庫存的列定義。添加按創建日期排序和按供應商過濾。
編寫 GraphQL 查詢以獲取帶變體的產品，包括跨位置的庫存級別。添加基於游標的分頁支持。
最佳實務
- 對所有新開發使用 GraphQL Admin API 而非 REST，以獲得更好的性能和靈活性
- 異步處理 webhook 並在 200ms 內響應以防止 Shopify 超時
- 僅在需要時請求客戶數據訪問範圍，並處理 GDPR 刪除請求
避免
- 當 GraphQL 提供更好能力時仍對新應用開發使用 REST API
- 同步 webhook 處理超過 Shopify 200ms 響應超時
- 輪詢 Shopify API 獲取變更而非使用 webhook 進行即時更新