FlowTune Media

Shopify AI Toolkit — Claude CodeからあなたのShopifyストアが動く日

ShopifyClaude CodeCursorMCPAIコーディング自動化Gemini

先週まで、AIエージェントにShopifyストアを触らせようと思ったら、かなりの妥協を強いられた。

Dev MCPサーバーを自分で立てる。APIスキーマを手で貼り付ける。ハルシネーションで壊れたGraphQLクエリを人間が拾う。結局「Claude Codeに便利なコードスニペットを書いてもらう」止まりで、ストアを実際に動かすところまでは誰もやっていなかった。

それが4月9日を境に変わった。ShopifyがGitHubでShopify AI Toolkitを公開し、同日にShopify.devにも正式ドキュメントが掲載された。Claude Code、Cursor、Gemini CLI、VS Code、そしてOpenAI Codexに対応したエージェントプラグインで、インストールは2コマンド。一度入れるとエージェントがあなたのShopifyストアを読み書き両方できるようになる。

Shopify AI Toolkit

3つのギャップを1リリースで埋めた

ShopifyはWinter '26 EditionでSidekickを「運営を回すAI」に進化させた。だがその対象は店舗オーナー側だった。今回のAI Toolkitは、そこからさらに半歩進んで、開発者とAIコーディングエージェントに焦点を当てている。埋めたギャップは3つある。

1つ目はライブドキュメントだ。Shopify.devは更新頻度が高く、エージェントの学習データに含まれているAPIスキーマはすぐ古くなる。Admin GraphQLの変更、Liquidの新タグ、Hydrogenのコンポーネント追加――これらをエージェントが「今この瞬間のスキーマ」として参照できるようにした。

2つ目はコード検証。これがかなり効く。GraphQLクエリ、Liquidテンプレート、UI Extensions、Shopify Functions――Toolkitがそれぞれの現行スキーマで検証する。エージェントが書いたコードは、実行する前にその場で弾かれる。ハルシネーションで壊れた product.variants.first.available_quantity みたいな存在しないフィールドが本番に着地しない、ということだ。

3つ目がストア実行。ここが最大の変化点。AI ToolkitにはShopify CLIの store execute 機能へのフックが組み込まれていて、エージェントが「提案する」だけではなく「実行する」側に回れる。価格一括変更、SEOタイトル書き換え、商品画像の差し替え、メタフィールド編集、テーマファイル更新――これが全部、Claude Codeのチャット内で完結する。

要するに、「Claude Code、在庫が20以下の商品をリストして、それぞれのSEOディスクリプションをもう少し購買意欲を刺激する言い方に書き直して、プレビューを見せて」という命令が、通る。

16のSkillがShopifyをほぼ網羅している

Toolkitには16個のSkillファイルが同梱されている。Skillというのは要するにエージェントが特定タスクに入るときに読み込む専用プロンプト＋ツール定義のセットで、Claude Codeの標準機能を踏襲している。

内容を見ると、Shopifyプラットフォームのほぼ全レイヤがカバーされている。

  • shopify-admin-execution — store executeを通じたストア操作。この1つだけが「実行」を担う
  • shopify-admin — Admin GraphQL API
  • shopify-storefront-graphql — ヘッドレスコマース向けStorefront API
  • shopify-hydrogen — HydrogenのReactコンポーネント
  • shopify-functions — チェックアウトや割引のサーバーレスカスタマイズ
  • shopify-liquid — Liquidテンプレート検証
  • shopify-polaris- 系4種 — 管理画面・チェックアウト・カスタマーアカウント拡張のデザインシステム
  • shopify-pos-ui / shopify-payments-apps / shopify-partner / shopify-customer / shopify-custom-data / shopify-dev — POS、決済、パートナー、顧客、メタフィールド、開発環境

実装面では、各Skillが「どのAPIを使うべきか」「どのスキーマで検証するか」「どの順序でcallすべきか」をエージェントに教える構造になっている。エージェントが「Hydrogen向けのこのコンポーネントを書くなら、まずshopify-hydrogenのSkillをロードする」という判断を自律的にやる。

筆者の所感としては、16は正直多すぎる。現実的には shopify-admin-execution と shopify-admin の2つがあれば、大多数のEC運営タスクは片付く。残りの14はどちらかというとアプリ開発者向けだ。ただ、ShopifyがPOS・Payments・Partnerといった普段スポットが当たりにくい領域まで含めてきたのは、「将来的にすべての開発ワークフローをエージェントで置き換える」という意思表明として読める。

インストール体験が異常に軽い

試してみて一番驚いたのが、インストールの簡単さだ。

Claude Codeなら、チャット欄に以下の2コマンドを順に打つだけ。

/plugin marketplace add Shopify/shopify-ai-toolkit
/plugin install shopify-plugin@shopify-ai-toolkit

Cursorはさらに簡単で、Cursor MarketplaceのShopifyページに行ってインストールボタンを1クリック。Gemini CLIは gemini extensions install で1行。VS Codeはコマンドパレットから Chat: Install Plugin From Source でGitHub URLを貼る。

地味だが重要なのが自動アップデートだ。Shopifyが新機能を追加したら、プラグインが勝手に追随する。Devの世界で「APIが変わった翌日にプロンプトテンプレを書き直す」仕事がついに過去のものになる。

認証はShopify CLIの既存ログイン状態を流用する。つまり既に shopify app dev などを使っている開発者は、追加の設定が要らない。この「ゼロ設定」は、開発者が途中で諦めない設計として優秀だと思う。

何が本当にできるようになるのか

ここからが本題。この組み合わせで何が実現できるかを整理しておく。実現可能性の高い順に挙げる。

自然言語で大量のストア運営タスクが片付く

例えば「春のセールを準備したい」というレベルの粒度で命令を投げると、エージェントが以下を自律的にこなせる。

  • 対象カテゴリの商品を抽出
  • Discount APIで一括割引ルール作成
  • 各商品のSEOタイトルにキャンペーン文言を追記
  • バナー画像用のファイル名規則でテーマアセットをバリデーション
  • 変更をプレビュー環境にデプロイして、差分レポートを生成

これまでは「5つのアプリを起動し、CSVをエクスポートして、別のアプリでimportし直す」みたいな30分コースだった仕事が、数分に縮む。Shopifyが得意な日本のマーチャントだと、運用工数の30〜50%削減は固いと見ている。

エージェントによる店舗自己診断

少し先の話だが、「毎朝、うちのストアを一回チェックして、改善余地がある箇所をレポートして」という常駐指示が現実的になる。Liquid警告、壊れたメタフィールド、在庫切れ商品のディスクリプション矛盾、A/Bテストの勝敗判定――これらを横串で見る「店舗ヘルスチェックエージェント」を、開発者が自作できる。

Shopify自身が出しているSidekickがすでに似たことをやるが、AI ToolkitはClaude CodeやCursor側に主導権が残る点が違う。自分のプロンプト、自分のSkill、自分のGitリポジトリで再現可能なワークフローを組める。SidekickはSaaS、AI Toolkitはオープンソース。この住み分けは案外重要だ。

Hydrogenの学習曲線がほぼ消える

これは開発者向けの話だが、Hydrogen（Shopify製のReactフレームワーク）は学習コストが高い。クエリ言語、キャッシュ、Server Componentsの使い分けで詰まる人が多い。shopify-hydrogen Skillがロードされた状態のCursor/Claude Codeは、これを常に正解パターンで書く。実質、Hydrogenの「上手い書き方」が無料で降ってくる。

Vercel v0やLovableみたいな「見た目のコード生成」は以前から可能だったが、Shopify特化のロジック＋スキーマ整合性まで担保できるコード生成は今まで無かった。ここはNext.js向けVercel AI Gatewayとは別の競争軸だ。

正直、微妙なところ

万能ではない。気になる点が3つある。

1つはUndoボタンがないこと。shopify-admin-execution は実ストアに書き込む。「価格を10%下げて」の指示で全商品が下がってしまってから「戻して」と言っても、自動の巻き戻し機能は今のところ無い。プレビュー環境でのテストを挟むか、Shopify CLIのdry-runオプションを併用することがほぼ必須になる。EC運営者にとってはここが一番怖い。

2つ目は権限粒度の粗さ。Shopify CLIの既存権限がそのまま継承されるので、「商品だけ読み取り許可、削除は不可」のような細かい制御ができない。社内で複数人がAgentを走らせる現場だと、誰かが事故を起こす未来がちらつく。

3つ目は日本語環境での挙動。Skillファイルは英語プロンプトで書かれているため、日本語の商品名や説明文を扱うときに、エージェントが英語のパターンに引きずられることがある。「もっと魅力的に」という曖昧な日本語指示を、英語圏の通販文脈で解釈してしまい、日本のEC文脈では不自然な表現になる場面があった。ここはカスタムSkillを自分で足して補うしかない。

Shopifyが描いている「開発者のいないShopify」

一歩引いて眺めると、今回のAI Toolkitは単なる便利ツールではない。ShopifyがDev MCPサーバーをベースに、開発者を介さずストアが進化する世界に向けて、最後のピースを置きに来た感じがある。

Sidekickは非エンジニアのオーナー向け、AI Toolkitはエンジニア／エージェント向け。この両輪が揃ったことで、「Shopifyで店を作る＝誰かがコードを書く」という前提が徐々に崩れていく。

EC事業者にとっての実務的な教訓は1つだけだ。エージェントが触れる状態にストアを整えておいたほうが得をする。メタフィールドを雑に設計していたり、商品タグがカオスだったりすると、エージェントの自動化が生きない。逆に、ここを綺麗にしておけば、AI Toolkitを入れた瞬間から恩恵を取り切れる。

筆者は向こう半年で、**「Claude Code＋Shopify AI Toolkitで店舗運営を外注する個人事業主」**が日本でもじわじわ増えると見ている。開発会社に発注するより安く、Sidekick単体より柔軟で、自分の癖に合わせてカスタムできる。その時、この4月9日のリリースが分水嶺だったと振り返られるはずだ。

関連記事