Shopify AI Toolkit AI ツールを Shopify 基盤に「直結」させる公式キット

図解 ： Shopify AI Toolkit（AI ツールを Shopify 基盤に接続する） Developer / 新ツール Shopify AI Toolkit AI ツールを Shopify 基盤に「直結」させる公式キット Claude Code・Cursor・VS Code などの AI ツールから、Shopify のドキュメント・API スキーマ・コード検証を直接参照し、CLI 経由でストア操作までできる。導入用の plugin は自動更新で、エージェントが常に最新機能に追従する。 このページの構成 そもそも何ができるのか（30秒で理解） 仕組み図解 ： AI ツールから Shopify 基盤まで Toolkit が提供する 4 つの能力 対応している AI ツール（5 種） 3 つの導入方法 導入手順（plugin なら 1〜2 ステップ） 技術者が押さえるべき 5 つのポイント 業務に活かせる 3 つのユースケース 提案で使える 1 行サマリ 1 そもそも何ができるのか Shopify AI Toolkit が利用可能になった。 手元の AI ツールに導入すると、Shopify の ドキュメント ・ API スキーマ ・ コード検証 を使ってアプリを作り、 CLI の store execute 機能を通じてストアの管理までできる。 従来 ： 文脈はツールの外 API 仕様やドキュメントはブラウザで都度調べ、書いたコードが正しいかは人が確認。AI ツールは Shopify の中身を知らない。 Toolkit ： 文脈がツールの中 ドキュメント・API スキーマ・コード検証・ストア操作が AI ツールの中に届く。plugin が自動更新なので新機能にも追従。 2 仕組み図解 ： AI ツールから Shopify 基盤まで plugin が自動更新される のがポイント。Shopify 側が新しい能力をリリースしても、導入済みのエージェントは自動的に最新状態に保たれる（手動アップデート不要）。 3 Toolkit が提供する 4 つの能力 ドキュメント Shopify の公式ドキュメントを参照してアプリを構築 API スキーマ Shopify の API スキーマを使って正確に実装 コード検証 書いたコードを検証（code validation） store execute（CLI） CLI の store execute 機能でストアを管理 各能力の詳細仕様（対応 API のバージョン、検証の範囲、store execute で実行できる操作の一覧など）は本記事に 記載なし 。導入後に公式ガイド「Shopify AI Toolkit」で確認すること。 4 対応している AI ツール（5 種） Claude Code Cursor Gemini CLI Visual Studio Code Codex CLI skills と MCP のみ Codex CLI だけは制約あり ： plugin ではなく skills と MCP のみ のサポート。チームで複数ツールを混在させる場合、Codex CLI 利用者は導入経路が異なる点に注意。 5 3 つの導入方法 方法 特徴 向いているケース plugin 推奨 新しくリリースされた専用 plugin で導入。 自動更新 される。インストールは 1〜2 ステップ。 対応ツール（Claude Code / Cursor / Gemini CLI / VS Code）で手軽に始めたいとき。 agent skills plugin を使わず agent skills として Toolkit をセットアップ。 plugin を入れたくない／skills ベースで管理したいとき。Codex CLI はこちら。 Dev MCP server plugin を使わず Dev MCP server 経由でセットアップ。 MCP 中心の構成に組み込みたいとき。Codex CLI はこちら。 基本は plugin が最短ルート （1〜2 ステップ＋自動更新）。好みに応じて agent skills か Dev MCP server に切り替えられる。 6 導入手順（plugin なら 1〜2 ステップ） 1 対応ツールを開く Claude Code / Cursor / Gemini CLI / VS Code のいずれかを用意。 2 plugin を導入 公式手順に沿って plugin をインストール。1〜2 ステップで完了。 3 あとは自動更新 新機能がリリースされても plugin が自動で最新化。手動更新は不要。 具体的なインストールコマンドや設定値は本記事に 記載なし 。公式ガイド「Shopify AI Toolkit」の手順を参照すること。Codex CLI を使う場合は plugin ではなく agent skills または Dev MCP server で導入する。 7 技術者が押さえるべき 5 つのポイント 1. 提供される能力は 4 つ ドキュメント／API スキーマ／コード検証／CLI の store execute。アプリ構築とストア管理の両方を AI ツール内でカバーする。 2. plugin は自動更新 Shopify 側が新能力を出すたびにエージェントが自動で最新化。バージョン追従の運用コストがほぼゼロになる。 3. ストア操作は CLI 経由 store execute は CLI の機能 として提供される。エージェントから CLI を介してストアを管理する設計。 4. Codex CLI のみ制約あり 対応ツールは 5 種だが、Codex CLI は skills と MCP のみ 。plugin 前提の手順をそのまま適用できない点に注意。 5. 導入経路は 3 通り（plugin / agent skills / Dev MCP server） 推奨は plugin だが、plugin を使わず agent skills や Dev MCP server でもセットアップ可能。 既存の MCP / skills 構成に合わせて選べる ので、チームの標準環境に組み込みやすい。 8 業務に活かせる 3 つのユースケース USE CASE 1 Shopify アプリ開発のリードタイム短縮 課題 API 仕様やドキュメントをブラウザで都度調べ、書いたコードが正しいか人手でレビュー。実装と確認の往復が多い。 打ち手 AI Toolkit を Claude Code / Cursor 等に導入し、ドキュメント・API スキーマ・コード検証をエージェント内で完結させる。 効果 API 誤用の早期検出と調査時間の削減で、アプリ開発のリードタイムを短縮。 技術メモ plugin は自動更新のため、Shopify 側の新 API が出ても追加作業なしで参照対象に追従する。 USE CASE 2 ストア管理タスクを AI エージェント＋CLI で自動化 課題 ストアの設定変更やデータ操作を毎回手動で実施しており、定型作業に時間が取られる。 打ち手 CLI の store execute 機能を Toolkit 経由で呼び出し、AI エージェントからストア管理を実行させる。 効果 反復的な管理作業をエージェントに委譲し、運用工数を削減。 技術メモ store execute は CLI 機能。実行できる操作の範囲は本記事に記載がないため、本番適用前にサンドボックスで挙動を検証する。 USE CASE 3 チームの開発環境を「同じ Toolkit」で標準化 課題 メンバーごとに Claude Code・Cursor・VS Code・Gemini CLI とツールがバラバラで、Shopify の知識の入り方も人によって差が出る。 打ち手 各対応ツールに同じ AI Toolkit を導入し、ドキュメント・API スキーマ・コード検証の土台を統一する。 効果 ツール差によらず一定の品質で開発でき、オンボーディングも短縮。 技術メモ Codex CLI 利用者は plugin ではなく skills / MCP 経由で導入する。導入経路（plugin / agent skills / Dev MCP server）をチームで揃えておく。 9 提案で使える 1 行サマリ 「Shopify AI Toolkit は、Claude Code・Cursor・VS Code などの AI ツールから ドキュメント・API スキーマ・コード検証・CLI のストア操作 を直接使える公式キット。 導入は plugin で 1〜2 ステップ、しかも自動更新でエージェントが常に最新に保たれる。」 source ： shopify.dev / changelog / shopify-ai-toolkit-connect-your-ai-tools-to-the-shopify-platform generated 2026-05-25