shopify-app-bridge
✓Shopify App Bridgeを使用してShopify Adminにアプリを埋め込むためのガイド。このスキルは、ユーザーがホスト インターフェイス (管理者) と対話したり、トースト、モーダル、リソース ピッカーを表示したり、Shopify 埋め込みアプリ内でナビゲーションを処理したりする必要がある場合に使用します。
SKILL.md
Shopify App Bridge is a library that allows you to embed your app directly inside the Shopify Admin. It provides a way to communicate with the host environment to trigger actions and navigation.
[!NOTE] This skill focuses on Shopify App Bridge v3 (NPM package) and App Bridge CDN (v4) patterns. ALWAYS check which version the project is using. The latest standard is often typically App Bridge v4 (CDN-based / overview script) but many React apps still use @shopify/app-bridge-react (v3/v4 wrapper).
In modern Shopify apps, the preferred method is using the CDN script. This automatically exposes the shopify global variable, which is the primary entry point for all actions.
Shopify App Bridgeを使用してShopify Adminにアプリを埋め込むためのガイド。このスキルは、ユーザーがホスト インターフェイス (管理者) と対話したり、トースト、モーダル、リソース ピッカーを表示したり、Shopify 埋め込みアプリ内でナビゲーションを処理したりする必要がある場合に使用します。 ソース: toilahuongg/google-antigravity-kit。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/toilahuongg/google-antigravity-kit --skill shopify-app-bridge- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
shopify-app-bridge とは？
Shopify App Bridgeを使用してShopify Adminにアプリを埋め込むためのガイド。このスキルは、ユーザーがホスト インターフェイス (管理者) と対話したり、トースト、モーダル、リソース ピッカーを表示したり、Shopify 埋め込みアプリ内でナビゲーションを処理したりする必要がある場合に使用します。 ソース: toilahuongg/google-antigravity-kit。
shopify-app-bridge のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/toilahuongg/google-antigravity-kit --skill shopify-app-bridge インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/toilahuongg/google-antigravity-kit
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01