shopify-apps
モダンパターンによる Shopify アプリ開発
Shopify アプリ開発には、複雑な統合パターンの理解が必要です。このスキルは、埋め込みアプリ、Webhook 処理、GraphQL API 使用のための実証済みパターンを提供します。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「shopify-apps」を使用しています。 リクエスト：商品更新用の Webhook ハンドラを生成
期待される結果:
HMAC 検証ミドルウェア、キューベースの非同期処理、Shopify 準拠の 200ms レスポンス要件、および重い操作のためのバックグラウンドジョブを備えた Express ルートを作成します。
「shopify-apps」を使用しています。 リクエスト：埋め込みアプリナビゲーションの構築
期待される結果:
管理画面セクションへのナビゲーションブロック、適切なルート認識、Polaris ナビゲーションスタイリングを備えた App Bridge ナビゲーションコンポーネントを生成します。
セキュリティ監査
安全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 アプリスケフォールド
Remix、App Bridge、Polaris を使用した完全な Shopify アプリ構造を生成し、プロジェクトの迅速な初期化を実現します。
Webhook ハンドラ実装
適切な HMAC 検証と非同期処理パターンを備えた安全な Webhook エンドポイントを作成します。
GraphQL API 統合
商品、注文、顧客管理のための効率的な GraphQL クエリとミューテーションを構築します。
これらのプロンプトを試す
App Bridge 統合を備えた Remix を使用して Shopify アプリを生成してください。埋め込みアプリのための基本的なファイル構造、package.json の依存関係、メインのエントリポイントを含めてください。
orders/create Webhook の Webhook ハンドラを作成してください。HMAC 署名検証、キューによる非同期処理、再試行ロジックのための適切なエラーハンドリングを含めてください。
Shopify 商品を表示するための Polaris IndexTable コンポーネントを作成してください。タイトル、ベンダー、価格、在庫の列定義を含めてください。作成日による並べ替えとベンダーによるフィルタリングを追加してください。
バリアントを含む商品を取得する GraphQL クエリを作成してください。ロケーション全体の在庫レベルを含めてください。カーソルベースのナビゲーションによるページネーションサポートを追加してください。
ベストプラクティス
- REST の代わりに、より良いパフォーマンスと柔軟性を得るために、すべての新規開発で GraphQL Admin API を使用する
- Webhook を非同期で処理し、Shopify のタイムアウトを防ぐために 200ms 以内でレスポンスする
- 必要な場合にのみ顧客データアクセス権限を要求し、GDPR 削除リクエストを処理する
回避
- GraphQL がより良い機能を提供しているのに、新規アプリ開発で REST API を使用する
- Shopify の 200ms レスポンスタイムアウトを超える同期 Webhook 処理
- リアルタイム更新に Webhook を使用する代わりに、変更のために Shopify API をポーリングする